-
-
Notifications
You must be signed in to change notification settings - Fork 32.4k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Select] Set aria-required
& aria-invalid
on combobox
instead of hidden input
#44731
Conversation
Netlify deploy previewhttps://deploy-preview-44731--material-ui.netlify.app/ Bundle size reportDetails of bundle changes (Toolpad) |
aria-required
& aria-invalid
on combobox
instead of hidden input
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@ben-pomelo Thanks for working on this ~
Would you mind also adding a simple test each for aria-required
/aria-invalid
here as well (highlighted lines as a reference)
@mj12albert Thanks for pointing me to the tests, I added a few tests, including:
PTAL! |
…ombobox div to fix accessibility issues.
8d4a9a7
to
17e2574
Compare
…ould be the same behavior, but cleaner html
17e2574
to
522d09f
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good 👍
This PR fixes #44740 which causes the screen reader to fail to identify Select components that are "Required" or are in an error state.
With this fix, this is what the screen reader reports: