From f46c8eebfe2c60f10f32ae6f5363ec7cb35df523 Mon Sep 17 00:00:00 2001
From: cheton <cheton@gmail.com>
Date: Tue, 6 Feb 2024 15:04:35 +0800
Subject: [PATCH] feat(ARIA): incorporate `checkbox`, `radio`, and `switch`
 roles into their respective control box components

---
 packages/react/src/checkbox/CheckboxControlBox.js | 1 +
 packages/react/src/radio/RadioControlBox.js       | 1 +
 packages/react/src/switch/SwitchControlBox.js     | 1 +
 3 files changed, 3 insertions(+)

diff --git a/packages/react/src/checkbox/CheckboxControlBox.js b/packages/react/src/checkbox/CheckboxControlBox.js
index aa0acaec58..f7dc2b2edf 100644
--- 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
index ae831ab828..b7a2212505 100644
--- 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
index f157d9acb0..a720d2a760 100644
--- 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}