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.