Skip to content
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

[fields] Fix Fields aria relationship with helperText #16821

Merged

Conversation

LukasTy
Copy link
Member

@LukasTy LukasTy commented Mar 4, 2025

Fixes #16637.

We missed adding the relationship of helperText with some specific element.

This PR adds aria-describedby to the root spinbutton group element and also adds aria-live="polite" to signal that this element changes need to be read by the screen reader.
On the "v6" (input) approach, it is not needed because the aria-describedby is added on the input element, which is focused and receiving changes.

P.S. This is technically a small regression due to it working fine on the old "INPUT" approach. 🙈

@LukasTy LukasTy added bug 🐛 Something doesn't work accessibility a11y regression A bug, but worse component: pickers This is the name of the generic UI component, not the React module! feature: Keyboard editing Related to the pickers keyboard edition labels Mar 4, 2025
@LukasTy LukasTy self-assigned this Mar 4, 2025
@LukasTy LukasTy removed the bug 🐛 Something doesn't work label Mar 4, 2025
@mui-bot
Copy link

mui-bot commented Mar 4, 2025

Deploy preview: https://deploy-preview-16821--material-ui-x.netlify.app/

Generated by 🚫 dangerJS against afc3a9d

Copy link
Contributor

@noraleonte noraleonte left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🎉

@LukasTy LukasTy added needs cherry-pick The PR should be cherry-picked to master after merge v7.x labels Mar 5, 2025
@LukasTy LukasTy merged commit 304199d into mui:master Mar 5, 2025
27 of 33 checks passed
@LukasTy LukasTy deleted the fix-pickers-field-helper-text-relationship branch March 5, 2025 08:14
Copy link

github-actions bot commented Mar 5, 2025

Cherry-pick PRs will be created targeting branches: v7.x

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility a11y component: pickers This is the name of the generic UI component, not the React module! feature: Keyboard editing Related to the pickers keyboard edition needs cherry-pick The PR should be cherry-picked to master after merge regression A bug, but worse v7.x
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[pickers][fields] Improve accessible DOM structure behavior
3 participants