@progress/wct-a11y-spec
Version:
Contains accessibility and keyboard navigation specification of Telerik and Kendo web components.
33 lines (20 loc) • 1.86 kB
Markdown
| Shortcut | Behavior |
| -------- | -------- |
| `Tab` | Navigates to the next focusable element in the Popup. If current focus is on the last element, moves focus to the first focusable item in the Popup. |
| `Shift` + `Tab` | Navigates to the previous focusable element in the Popup. If current focus is on the first element, moves focus to the last focusable item in the Popup. |
| `Enter` | For column menu items, executes the currently focused item action. If item is expandable, expands or collapses the item. |
| `Escape` | When focus is inside a focusable element in the item content, returns focus to the parent menu item. When focus is on a menu item, closes the ColumnMenu Popup and returns focus to the element from which the menu was opened. |
| `Down Arrow` & `Up Arrow` | Moves the focus to the next/previous item when focus is in the ColumnChooser list of options. |
| `Space` | Toggles the checked state of the focused ColumnChooser option. |
In adaptive mode, the popup element of the ColumnMenu has to implement the keyboard navigation specification for an ActionSheet component.
[]({{actionsheet_kb_link}})
The following rules deviate from the standard ActionSheet behavior:
| Shortcut | Behavior |
| -------- | -------- |
| `Escape` | When focus is inside a sub-view, returns to the main view and focuses the item that opened the sub-view. When focus is on the main view, closes the ActionSheet and returns focus to the element from which the menu was opened. |
> All internal components follow their own keyboard navigation when focused.
[](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role)
[](https://www.w3.org/WAI/ARIA/apg/patterns/listbox/)