Merge pull request #2962 from r0hit-gupta/msft37

MSFT-37

Author: sushilshinde

__tests__/shared/components/challenge-listing/Filters/__snapshots__/ChallengeFilters.jsx.snap

@@ -108,7 +108,10 @@ exports[`Matches shallow shapshot shapshot 2`] = `
     />
     <span>
       <span
+        aria-checked={false}
+        aria-label="Filter"
         className="src-shared-components-challenge-listing-Filters-___ChallengeFilters__filter-switch-with-label___21Ups"
+        role="switch"
       >
         <ThemedSwitchWithLabel
           composeAdhocTheme="deeply"
@@ -122,7 +125,10 @@ exports[`Matches shallow shapshot shapshot 2`] = `
         />
       </span>
       <span
+        aria-checked={false}
+        aria-label="Filter"
         className="src-shared-components-challenge-listing-Filters-___ChallengeFilters__filter-switch-with-label___21Ups"
+        role="switch"
       >
         <ThemedSwitchWithLabel
           composeAdhocTheme="deeply"
@@ -136,7 +142,10 @@ exports[`Matches shallow shapshot shapshot 2`] = `
         />
       </span>
       <span
+        aria-checked={false}
+        aria-label="Filter"
         className="src-shared-components-challenge-listing-Filters-___ChallengeFilters__filter-switch-with-label___21Ups"
+        role="switch"
       >
         <ThemedSwitchWithLabel
           composeAdhocTheme="deeply"

src/shared/components/challenge-listing/Filters/ChallengeFilters.jsx

@@ -76,21 +76,21 @@ export default function ChallengeFilters({
           isCardTypeSet === 'Challenges'
             ? (
               <span>
-                <span styleName="filter-switch-with-label">
+                <span styleName="filter-switch-with-label" aria-label="Filter" role="switch" aria-checked={isTrackOn(TRACKS.DESIGN)}>
                   <SwitchWithLabel
                     enabled={isTrackOn(TRACKS.DESIGN)}
                     labelBefore="Design"
                     onSwitch={on => switchTrack(TRACKS.DESIGN, on)}
                   />
                 </span>
-                <span styleName="filter-switch-with-label">
+                <span styleName="filter-switch-with-label" aria-label="Filter" role="switch" aria-checked={isTrackOn(TRACKS.DEVELOP)}>
                   <SwitchWithLabel
                     enabled={isTrackOn(TRACKS.DEVELOP)}
                     labelBefore="Development"
                     onSwitch={on => switchTrack(TRACKS.DEVELOP, on)}
                   />
                 </span>
-                <span styleName="filter-switch-with-label">
+                <span styleName="filter-switch-with-label" aria-label="Filter" role="switch" aria-checked={isTrackOn(TRACKS.DATA_SCIENCE)}>
                   <SwitchWithLabel
                     enabled={isTrackOn(TRACKS.DATA_SCIENCE)}
                     labelBefore="Data Science"