Skip to content

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

Description

@robertknight

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.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions