Accessibility

The KendoReact PivotGrid component is WCAG 2.1 AA and Section 508 compliant. The component also follows the WAI-ARIA best practices for implementing the keyboard navigation for its component role and is tested against the popular screen readers.

Keyboard Navigation

To enable the keyboard navigation, use the navigatable prop of the PivotGrid.

The PivotGrid supports the following keyboard shortcuts:

All PivotGrid Cells

SHORTCUTDESCRIPTION
Right ArrowMove the focus one cell to the right (if any).
Left ArrowMove the focus one cell to the left (if any).
Down ArrowMove the focus one cell down (if any).
Up ArrowMove the focus one cell up (if any).
HomeMove the focus to the first focusable cell in the row.
EndMove the focus to the last focusable cell in the row.
Ctrl/Cmd + HomeMove the focus to the first (top-left) data cell in the Grid.
Ctrl/Cmd + EndMove the focus to the last cell in the last row of the Grid.

PivotGrid Header Cells

SHORTCUTDESCRIPTION
Enter & SpaceIf the header cell is expandable, toggle the current expanded state.
Example
View Source
Change Theme: