Keyboard Navigation
The keyboard navigation of the Stepper is always available.
The Stepper widget itself is not focusable, as the links within the widget are part of the tab sequence on the page. Thus, when navigating with the Tab key, the selected Step will be focused within the Stepper widget. For a complete example, refer to the demo on keyboard navigation of the Stepper.
Kendo UI Stepper supports the following keyboard shortcuts:
| SHORTCUT | DESCRIPTION |
|---|---|
Left arrow or Up arrow or Shift+Tab
|
Focuses previous Step |
Right arrow or Down arrow or Tab
|
Focuses next Step |
Home |
Focuses first Step |
End |
Focuses last Step |
Enter |
Selects the focused Step |
Space |
Selects the focused Step |
Tab |
To move the focus away from the Stepper select last step and press Tab
|
Shift+Tab
|
To move the focus away from the Stepper select first step and press Shift+Tab
|
When using keyboard navigation the focusing and selecting behavior of the Stepper can be configured via the
selectOnFocusconfiguration option. By default this option is disabled and additional action is required by the user to select the focused step.