Merge pull request #16 from topcoder-platform/qa-accessibility

Qa accessibility

Author: Gauravseta

__tests__/shared/components/ProfilePage/Skill/__snapshots__/index.jsx.snap

@@ -5,6 +5,7 @@ exports[`renders a skill correctly 1`] = `
   className="src-shared-components-ProfilePage-Skill-___styles__container___bW089"
 >
   <div
+    aria-label="Test Skill Icon"
     className="src-shared-components-ProfilePage-Skill-___styles__skill-icon___1-d49"
   >
     <FallbackIcon

__tests__/shared/components/TopcoderHeader/__snapshots__/Auth.jsx.snap

@@ -3,10 +3,6 @@
 exports[`Snapshot match 1`] = `
 <div
   className="src-shared-components-TopcoderHeader-Auth-___style__auth___3X0_r"
-  onClick={[Function]}
-  onKeyPress={null}
-  role="button"
-  tabIndex="0"
 >
   <a
     className="tc-btn-sm tc-btn-primary"
@@ -27,10 +23,6 @@ exports[`Snapshot match 1`] = `
 exports[`Snapshot match 2`] = `
 <div
   className="column src-shared-components-TopcoderHeader-Auth-___style__auth___3X0_r"
-  onClick={[Function]}
-  onKeyPress={null}
-  role="button"
-  tabIndex="0"
 >
   <a
     className="tc-btn-sm tc-btn-primary"

__tests__/shared/components/TopcoderHeader/desktop/SubMenu/Item.jsx

@@ -8,7 +8,7 @@ test('Matches shallow shapshot', () => {
   renderer.render((
     <Item
       currentSubMenuTitle="title"
-      icon="icon url"
+      icon={<div />}
       title="title"
       link="menu url"
     />
@@ -18,7 +18,7 @@ test('Matches shallow shapshot', () => {
   renderer.render((
     <Item
       currentSubMenuTitle="another title"
-      icon="icon url"
+      icon={<div />}
       title="title"
       link="menu url"
     />

__tests__/shared/components/TopcoderHeader/desktop/SubMenu/__snapshots__/Item.jsx.snap

@@ -11,7 +11,9 @@ exports[`Matches shallow shapshot 1`] = `
     openNewTab={false}
     to="menu url"
   >
-    icon url
+    <div
+      aria-label="title"
+    />
     title
   </Link>
 </li>
@@ -28,7 +30,9 @@ exports[`Matches shallow shapshot 2`] = `
     openNewTab={false}
     to="menu url"
   >
-    icon url
+    <div
+      aria-label="title"
+    />
     title
   </Link>
 </li>

__tests__/shared/components/__snapshots__/TopcoderFooter.jsx.snap

@@ -5,7 +5,7 @@ exports[`Matches shallow shapshot 1`] = `
   className="src-shared-components-TopcoderFooter-___style__footer___28yQ6"
 >
   <nav>
-    <ul>
+    <ol>
       <li
         className="src-shared-components-TopcoderFooter-___style__link___3-nzm"
       >
@@ -51,13 +51,14 @@ exports[`Matches shallow shapshot 1`] = `
           TERMS
         </a>
       </li>
-    </ul>
+    </ol>
   </nav>
   <div
     className="src-shared-components-TopcoderFooter-___style__social-links___2G4Ia"
   >
     <hr />
     <a
+      aria-label="Facebook"
       href="https://www.facebook.com/topcoder"
       target="fbwindow"
     >
@@ -78,6 +79,7 @@ exports[`Matches shallow shapshot 1`] = `
       </svg>
     </a>
     <a
+      aria-label="Twitter"
       href="http://www.twitter.com/topcoder"
       target="twwindow"
     >
@@ -98,6 +100,7 @@ exports[`Matches shallow shapshot 1`] = `
       </svg>
     </a>
     <a
+      aria-label="Linkedin"
       href="https://www.linkedin.com/company/topcoder"
       target="liwindow"
     >
@@ -118,6 +121,7 @@ exports[`Matches shallow shapshot 1`] = `
       </svg>
     </a>
     <a
+      aria-label="Instagram"
       href="https://www.instagram.com/topcoder"
       target="inwindow"
     >

__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"

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

@@ -84,9 +84,10 @@ exports[`Matches shallow shapshot 1`] = `
           options={
             Array [
               Object {
-                "label": <div>
+                "data": <div>
                   Sample community
                 </div>,
+                "label": "Sample community",
                 "name": "Sample community",
                 "value": "123",
               },
@@ -299,9 +300,10 @@ exports[`Matches shallow shapshot 2`] = `
           options={
             Array [
               Object {
-                "label": <div>
+                "data": <div>
                   Sample community
                 </div>,
+                "label": "Sample community",
                 "name": "Sample community",
                 "value": "123",
               },