fix: Potential a11y issue with switch #822 (#1121)

* refactor: adding aria-hidden * fix: failing unit test
telekom · Jul 4, 2022 · 4e959aa · 4e959aa
1 parent 6b4e505
commit 4e959aa
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/components/src/components/switch/__snapshots__/switch.spec.ts.snap b/packages/components/src/components/switch/__snapshots__/switch.spec.ts.snap
@@ -7,7 +7,7 @@ exports[`Switch should match snapshot 1`] = `
       <input aria-labelledby="switch-0-label" id="switch-0" type="checkbox">
       <div class="switch__wrapper">
         <div class="switch__toggle"></div>
-        <div class="switch__text"></div>
+        <div aria-hidden="true" class="switch__text"></div>
       </div>
     </label>
   </div>

diff --git a/packages/components/src/components/switch/switch.tsx b/packages/components/src/components/switch/switch.tsx
@@ -70,7 +70,7 @@ export class Switch {
             />
             <div class="switch__wrapper">
               <div class="switch__toggle" />
-              <div class="switch__text" />
+              <div class="switch__text" aria-hidden="true" />
             </div>
             {this.label && <span class="switch__label">{this.label}</span>}
           </label>