[a11y]: Dropdown does not use aria-describedby to link help text with component #12722
Labels
component: multiselect
role: dev 🤖
screen-reader: JAWS
severity: 2
https://ibm.biz/carbon-severity
status: waiting for maintainer response 💬
type: a11y ♿
type: bug 🐛
Milestone
Package
@carbon/react
Browser
Chrome
Operating System
MacOS
Package version
React storybook
React version
https://react.carbondesignsystem.com/?path=/story/components-multiselect--default
Automated testing tool and ruleset
n/a
Assistive technology
JAWS
Description
Any helper text should be automatically surfaced to assistive technologies through the use of aria-describedby.
This should happen on ALL Carbon components that can have helper text.
it is in place for Text input, so it only needs to be emulated for Dropdown/MultiSelect Dropdown and any other components that do not have it
Steps to resolve:
This means that the input will have its programmatic label announced by a Screen Reader, and then have any helper text read out after a pause.
It also means that any caution or warning text appearing in the helper text area will also be announced.
WCAG 2.1 Violation
https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html
Reproduction/example
https://react.carbondesignsystem.com/?path=/story/components-multiselect--default
Steps to reproduce
OR
Turn on JAWS and tab to Dropdown. JAWS will read the input and any option value, but will not announce the helper text.
Code of Conduct
The text was updated successfully, but these errors were encountered: