Skip to content

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

Open
@KenanYusuf

Description

@KenanYusuf

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

Metadata

Metadata

Assignees

Labels

accessibilitya11ycomponent: data gridThis is the name of the generic UI component, not the React module!docsImprovements or additions to the documentation

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions