@progress/wct-a11y-spec
Version:
Contains accessibility and keyboard navigation specification of Telerik and Kendo web components.
20 lines (13 loc) • 1.06 kB
Markdown
## Managing the Focus
All of the inputs in the OTP are focusable by default, and follow the regular tab order of the page. When an input is focused (on focus), its character is selected.
## Keyboard Navigation
The OTP supports the following keyboard shortcuts:
| Shortcut | Behavior |
| -------- | -------- |
| Typing in the input | Sets the value in the input and moves the focus to the next focusable input in the OTP. (if any) |
| `Tab` | Focuses the next input in the OTP. If the focus is on the last input, focuses the next focusable element on the page. |
| `Shift` + `Tab` | Focuses the previous input in the OTP. If the focus is on the first input, focuses the previous focusable element before the OTP. |
| `Right Arrow` | Moves the focus to the next focusable input in the OTP. (if any) |
| `Left Arrow` | Moves the focus to the previous focusable input in the OTP. (if any) |
| `Backspace` | Deletes the value of the focused input and moves the focus on the previous input. (if any). |
| `Delete` | Deletes the value of the focused input. |