Select: aria-describedby does not get added to the combobox input element #7057
Labels
Comments
|
FE-6889 |
nicktitchmarsh
added
On Backlog
Squad Nebula
select
and removed
triage
DipperTheDan
added a commit
that referenced
this issue
Nov 12, 2024
…xtbox element Currently the aria-describedby attribute is applied to the placeholder span of select-textbox. This fix esnures that the attribute is correctly applied to the elect-textbox. fixes #7057
Draft
14 tasks
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Description
When using the
aria-describedbyprop provided for the Select component, it does not get applied to the combobox input component, it instead gets applied to the subsequent span element that has the "Please select" placeholder text.This is a incorrect behaviour as the expectation is for the prop to be applied to the intended component. This is required for a accessibility issue fix.
Reproduction
https://stackblitz.com/edit/parsium-carbon-starter-uduhy9?file=src%2FApp.tsx
Steps to reproduce
Inspect the Select component in the StackBlitz environment shared, you will see the aria-label is applied to the combobox input element as expected but the aria-describedby is not.
JIRA ticket numbers (Sage only)
No response
Suggested solution
No response
Carbon version
142.9.1
Design tokens version
4.34.0
Relevant browsers
Microsoft Edge
Relevant OSs
MacOS
Additional context
No response
Confidentiality
The text was updated successfully, but these errors were encountered: