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

DataTable component does not implement proper keyboard navigation for grid pattern #1373

Open
robertknight opened this issue Nov 17, 2023 · 0 comments

Comments

@robertknight
Copy link
Member

The DataTable component uses the grid ARIA role, but doesn't implement the keyboard navigation and focus patterns described at https://www.w3.org/WAI/ARIA/apg/patterns/grid/. In particular:

  1. It uses the same "1D" navigation as other list-like components such as menus or selects, instead of 2D navigation where left/right moves between cells and up/down moves between rows.
  2. It sets focus only on the rows, not individual cells
  3. When pressing up on the first row or down on the last row, navigation wraps, whereas it shouldn't.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant