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.

Sign up for GitHub

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

Jump to bottom

[docs] Add aria-label, aria-labelledby and aria-describedby guidance to Data Grid Accessibility page #17025

Open
KenanYusuf opened this issue Mar 18, 2025 · 0 comments
Open

[docs] Add aria-label, aria-labelledby and aria-describedby guidance to Data Grid Accessibility page #17025

KenanYusuf opened this issue Mar 18, 2025 · 0 comments
Labels
accessibility a11y component: data grid This is the name of the generic UI component, not the React module! docs Improvements or additions to the documentation

Comments

@KenanYusuf
Copy link
Member

KenanYusuf commented Mar 18, 2025 •
edited
Loading

Related page

https://mui.com/x/react-data-grid/accessibility/

Kind of issue

Missing information

Issue description

We should include guidance on the following—taken from the Grid APG pattern—as part of our Data Grid - Accessibility page:

If there is an element in the user interface that serves as a label for the grid, aria-labelledby is set on the grid element with a value that refers to the labelling element. Otherwise, a label is specified for the grid element using aria-label.
If the grid has a caption or description, aria-describedby is set on the grid element with a value referring to the element containing the description.

Context

Related to #17024

Search keywords: n/a
@KenanYusuf KenanYusuf added accessibility a11y component: data grid This is the name of the generic UI component, not the React module! docs Improvements or additions to the documentation status: waiting for maintainer These issues haven't been looked at yet by a maintainer support: docs-feedback Feedback from documentation page labels Mar 18, 2025
@github-project-automation github-project-automation bot moved this to 🆕 Needs refinement in MUI X Data Grid Mar 18, 2025
@KenanYusuf KenanYusuf added docs Improvements or additions to the documentation and removed docs Improvements or additions to the documentation status: waiting for maintainer These issues haven't been looked at yet by a maintainer support: docs-feedback Feedback from documentation page labels Mar 18, 2025
@KenanYusuf KenanYusuf moved this from 🆕 Needs refinement to 🔖 Ready in MUI X Data Grid Mar 18, 2025
@KenanYusuf KenanYusuf mentioned this issue Mar 18, 2025
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
accessibility a11y component: data grid This is the name of the generic UI component, not the React module! docs Improvements or additions to the documentation
Projects
MUI X Data Grid
Status: 🔖 Ready
Milestone
No milestone
Development

No branches or pull requests
1 participant
@KenanYusuf