fix(NativeSelect): Add aria-describedby to helper and error message…

…s to associate them with the `Select`. (#1530) Co-authored-by: Nikita Orliak <[email protected]>
cengage · Dec 16, 2024 · 4484ad2 · 4484ad2 · github-actions · Dec 16, 2024
1 parent b37927b
commit 4484ad2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/a11y-nativeSelect-add-aria-secribedBy-to-helper-message.md b/.changeset/a11y-nativeSelect-add-aria-secribedBy-to-helper-message.md
@@ -0,0 +1,5 @@
+---
+'react-magma-dom': patch
+---
+
+fix(NativeSelect): Add `aria-describedby` to helper and error messages to associate them with the `Select`.
diff --git a/packages/react-magma-dom/src/components/NativeSelect/NativeSelect.tsx b/packages/react-magma-dom/src/components/NativeSelect/NativeSelect.tsx
@@ -183,6 +183,7 @@ export const NativeSelect = React.forwardRef<HTMLDivElement, NativeSelectProps>(
         >
           <StyledNativeSelect
             data-testid={testId}
+            aria-describedby={`${id}__desc`}
             hasError={!!errorMessage}
             disabled={disabled}
             id={id}