Accessibility

The Grid and its built-in components are accessible by screen readers and provide WAI-ARIA support.

Section 508

The Grid is compliant with the Section 508 requirements.

Common Keyboard Navigation Scenarios

We allow full control over the Grid keyboard navigation, as this lets the developer to choose which of the keyboard or keyboard and mouse combinations will be needed for the application.

We will show how some of the most common cases can be implemented using the KendoReact Grid.

Single Row Navigation

The following example showcase how to add a row selection using the arrows keys.

Example
View Source
Edit In Stackblitz  
Change Theme:

Multiple Selection

The next example demonstrates how to achieve multiple selection only via the keyboard or via the keyboard and the mouse.

Example
View Source
Edit In Stackblitz  
Change Theme:

Row Editing

The following example showcase how to implement row editing which can be operated only via the keyboard using the Enter, Esc and Tab keys.

Example
View Source
Edit In Stackblitz  
Change Theme:

In-cell Editing with Tab

This example showcase how to handle the tab key to provide faster editing experience with the keyboard.

Example
View Source
Edit In Stackblitz  
Change Theme:

Sorting

This example demonstrates how to focus the first column and sort different columns only using the keyboard.

Example
View Source
Edit In Stackblitz  
Change Theme: