fix(A11y): ToggleSwitch - Added role to icon to fix Accessibility war…

…ning (#3634) fix(A11y): Added role to icon to fix Accessibility warning
cultureamp · May 12, 2023 · b6480c6 · b6480c6
1 parent 475e6fa
commit b6480c6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/.changeset/serious-planets-act.md b/.changeset/serious-planets-act.md
@@ -0,0 +1,5 @@
+---
+"@kaizen/draft-form": patch
+---
+
+A11y fix: Added role=presentation to icon within ToggleSwitch
diff --git a/draft-packages/form/KaizenDraft/Form/Primitives/ToggleSwitch/ToggleSwitch.tsx b/draft-packages/form/KaizenDraft/Form/Primitives/ToggleSwitch/ToggleSwitch.tsx
@@ -53,7 +53,11 @@ export const ToggleSwitch = ({
       />
       <span className={styles.track}>
         <span className={styles.thumb}>
-          <Icon icon={checkIcon} classNameOverride={styles.checkIcon} />
+          <Icon
+            icon={checkIcon}
+            classNameOverride={styles.checkIcon}
+            role="presentation"
+          />
         </span>
       </span>
     </span>