changes for #2822

Author: r0hit-gupta

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

@@ -74,7 +74,8 @@ export default function ChallengeViewSelector(props) {
       <div styleName="challenge-view-selector">
         <a
           tabIndex="0"
-          role="link"
+          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)}
@@ -85,7 +86,8 @@ DETAILS
           numRegistrants ? (
             <a
               tabIndex="0"
-              role="link"
+              role="tab"
+              aria-selected={selectedView === DETAIL_TABS.REGISTRANTS}
               onClick={(e) => {
                 handleSelectorClicked(e, DETAIL_TABS.REGISTRANTS);
               }}
@@ -105,7 +107,8 @@ REGISTRANTS (
           && (
           <a
             tabIndex="0"
-            role="link"
+            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)}
@@ -120,7 +123,8 @@ CHECKPOINTS (
           numSubmissions ? (
             <a
               tabIndex="0"
-              role="link"
+              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)}
@@ -135,7 +139,8 @@ SUBMISSIONS (
           numWinners ? (
             <a
               tabIndex="0"
-              role="link"
+              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)}