feat(ARIA): incorporate checkbox, radio, and switch roles into …

…their respective control box components
trendmicro-frontend · Feb 6, 2024 · f46c8ee · f46c8ee
1 parent 39eb74c
commit f46c8ee
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/packages/react/src/checkbox/CheckboxControlBox.js b/packages/react/src/checkbox/CheckboxControlBox.js
@@ -229,6 +229,7 @@ const CheckboxControlBox = forwardRef((
   return (
     <Box
       aria-hidden={ariaAttr(true)}
+      role="checkbox"
       sx={[sx, ...ensureArray(sxProp)]}
       {...styleProps}
       {...rest}

diff --git a/packages/react/src/radio/RadioControlBox.js b/packages/react/src/radio/RadioControlBox.js
@@ -125,6 +125,7 @@ const RadioControlBox = forwardRef((
   return (
     <Box
       aria-hidden={ariaAttr(true)}
+      role="radio"
       sx={[sx, ...ensureArray(sxProp)]}
       {...styleProps}
       {...rest}

diff --git a/packages/react/src/switch/SwitchControlBox.js b/packages/react/src/switch/SwitchControlBox.js
@@ -145,6 +145,7 @@ const SwitchControlBox = forwardRef((
   return (
     <Box
       aria-hidden={ariaAttr(true)}
+      role="switch"
       sx={[sx, ...ensureArray(sxProp)]}
       {...styleProps}
       {...rest}