fix(CheckBox): Fix for unreadable labels in CheckBox for screen rea…

…ders. (#1479) Co-authored-by: Nikita Orliak <[email protected]>
cengage · Oct 9, 2024 · 2157b47 · 2157b47 · github-actions · Oct 9, 2024
1 parent e29a9d8
commit 2157b47
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/a11y-checkBox-labels-not-read.md b/.changeset/a11y-checkBox-labels-not-read.md
@@ -0,0 +1,5 @@
+---
+'react-magma-dom': patch
+---
+
+fix(CheckBox): Fix for unreadable labels in `CheckBox` for screen readers.
diff --git a/packages/react-magma-dom/src/components/Checkbox/index.tsx b/packages/react-magma-dom/src/components/Checkbox/index.tsx
@@ -230,6 +230,7 @@ export const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(
         <StyledContainer style={containerStyle}>
           <HiddenInput
             {...other}
+            aria-label={labelText}
             aria-describedby={describedBy}
             id={id}
             data-testid={testId}