Merge pull request #2947 from r0hit-gupta/msft133

MSFT-124

Author: sushilshinde

src/shared/components/challenge-detail/Header/TabSelector/index.jsx

@@ -73,6 +73,9 @@ export default function ChallengeViewSelector(props) {
       <div styleName="mask right" />
       <div styleName="challenge-view-selector">
         <a
+          tabIndex="0"
+          role="tab"
+          aria-selected={selectedView === DETAIL_TABS.DETAILS}
           onClick={(e) => { handleSelectorClicked(e, DETAIL_TABS.DETAILS); }}
           onKeyPress={(e) => { handleSelectorClicked(e, DETAIL_TABS.DETAILS); }}
           styleName={getSelectorStyle(selectedView, DETAIL_TABS.DETAILS)}
@@ -82,6 +85,9 @@ DETAILS
         {
           numRegistrants ? (
             <a
+              tabIndex="0"
+              role="tab"
+              aria-selected={selectedView === DETAIL_TABS.REGISTRANTS}
               onClick={(e) => {
                 handleSelectorClicked(e, DETAIL_TABS.REGISTRANTS);
               }}
@@ -100,6 +106,9 @@ REGISTRANTS (
           trackLower === 'design' && checkpointCount > 0
           && (
           <a
+            tabIndex="0"
+            role="tab"
+            aria-selected={selectedView === DETAIL_TABS.CHECKPOINTS}
             onClick={(e) => { handleSelectorClicked(e, DETAIL_TABS.CHECKPOINTS); }}
             onKeyPress={(e) => { handleSelectorClicked(e, DETAIL_TABS.CHECKPOINTS); }}
             styleName={getSelectorStyle(selectedView, DETAIL_TABS.CHECKPOINTS)}
@@ -113,6 +122,9 @@ CHECKPOINTS (
         {
           numSubmissions ? (
             <a
+              tabIndex="0"
+              role="tab"
+              aria-selected={selectedView === DETAIL_TABS.SUBMISSIONS}
               onClick={(e) => { handleSelectorClicked(e, DETAIL_TABS.SUBMISSIONS); }}
               onKeyPress={(e) => { handleSelectorClicked(e, DETAIL_TABS.SUBMISSIONS); }}
               styleName={getSelectorStyle(selectedView, DETAIL_TABS.SUBMISSIONS)}
@@ -126,6 +138,9 @@ SUBMISSIONS (
         {
           numWinners ? (
             <a
+              tabIndex="0"
+              role="tab"
+              aria-selected={selectedView === DETAIL_TABS.WINNERS}
               onClick={(e) => { handleSelectorClicked(e, DETAIL_TABS.WINNERS); }}
               onKeyPress={(e) => { handleSelectorClicked(e, DETAIL_TABS.WINNERS); }}
               styleName={getSelectorStyle(selectedView, DETAIL_TABS.WINNERS)}