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] Improve keyboard navigation based on the ARIA spec #14204

Open
arminmeh opened this issue Aug 14, 2024 · 0 comments
Open

[DataGrid] Improve keyboard navigation based on the ARIA spec #14204

arminmeh opened this issue Aug 14, 2024 · 0 comments
Labels
accessibility a11y component: data grid This is the name of the generic UI component, not the React module! enhancement This is not a bug, nor a new feature feature: Row grouping Related to the data grid Row grouping feature feature: Tree data Related to the data grid Tree data feature

Comments

@arminmeh
Copy link
Contributor

arminmeh commented Aug 14, 2024

Summary

Data grid already supports keyboard interaction, which is aligned with the grid keyboard interaction ARIA specs, but it is not aligned with the ARIA specs for the treegrid

Among other things, data tree grid is missing expand/collapse control via arrow keys

From the spec

Right Arrow:
If focus is on a collapsed row, expands the row.
If focus is on an expanded row or is on a row that does not have child rows, moves focus to the first cell in the row.
If focus is on the right-most cell in a row, focus does not move.
If focus is on any other cell, moves focus one cell to the right.
Left Arrow:
If focus is on an expanded row, collapses the row.
If focus is on a collapsed row or on a row that does not have child rows, focus does not move.
If focus is on the first cell in a row and row focus is supported, moves focus to the row.
If focus is on the first cell in a row and row focus is not supported, focus does not move.
If focus is on any other cell, moves focus one cell to the left.

Similar ticket for tree view: #12654

Search keywords: accessibility, keyboard, aria

@arminmeh arminmeh added accessibility a11y component: data grid This is the name of the generic UI component, not the React module! feature: Tree data Related to the data grid Tree data feature feature: Row grouping Related to the data grid Row grouping feature enhancement This is not a bug, nor a new feature labels Aug 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility a11y component: data grid This is the name of the generic UI component, not the React module! enhancement This is not a bug, nor a new feature feature: Row grouping Related to the data grid Row grouping feature feature: Tree data Related to the data grid Tree data feature
Projects
None yet
Development

No branches or pull requests

1 participant