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

[DataGrid] Fix accessibility of the filter panel textboxes #1727

Merged
merged 3 commits into from May 24, 2021

Conversation

m4theushw
Copy link
Member

I noticed we're using simple and non-unique strings as ids, specially in GridFilterForm. The problem is that they don't scale with multi-sorting or if there's more than one grid per page. I replaced all of them with useId and also added the htmlFor prop so screen readers can get the label of each field.

@m4theushw m4theushw merged commit 161dc85 into mui:master May 24, 2021
@m4theushw m4theushw deleted the replace-ids branch May 24, 2021 12:43
@oliviertassinari oliviertassinari changed the title [DataGrid] Replace ids with scalable values [DataGrid] Fix accessibility of the filter panel textboxes May 29, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants