Skip to content

Data Grid - Accessibility

The Data Grid has complete accessibility support. For instance, every cell is accessible using the keyboard.

Guidelines

The most commonly encountered conformance guidelines for accessibility are:

  • WCAG - Globally accepted standard
  • ADA - US Department of Justice
  • Section 508 - US federal agencies

WCAG 2.0 has 3 levels of conformance; A, AA and AAA (in order of conformance). As meeting WCAG 2.0 level AA guidelines also meets the ADA and Section 508 standards, it's likely the standard that most organizations will want to target.

The WAI-ARIA authoring practices provides valuable insight on how to make the grid highly accessible.

Keyboard navigation

The grid responds to keyboard interactions from the user as well as emitting events when key presses happen on the grid cells.

Navigation

Use the arrow keys to move the focus.

Keys Description
Tab Navigate between selectable elements
Arrow Left Navigate between cell elements
Arrow Bottom Navigate between cell elements
Arrow Right Navigate between cell elements
Arrow Up Navigate between cell elements
Home Navigate to the first cell of the current row
End Navigate to the last cell of the current row
CTRL + Home Navigate to the first cell of the first row
CTRL + End Navigate to the last cell of the last row
Space Navigate to the next scrollable page
Page Up Navigate to the next scrollable page
Page Down Navigate to the previous scrollable page

Selection

Keys Description
Shift + Space Select the current row
Shift + Space + Arrow Up/Down Select the current row and the row above or below
CTRL + A Select all rows
CTRL + C Copy the currently selected row
CTRL + Click on cell Enable multi-selection

Sorting

Keys Description
CTRL + Click on header Enable multi-sorting

Key assignment conventions

The above key assignments are for Windows and Linux. On macOS, replace CTRL with āŒ˜ Command.