@progress/wct-a11y-spec
Version:
Contains accessibility and keyboard navigation specification of Telerik and Kendo web components.
25 lines (14 loc) • 1.09 kB
Markdown
## Managing the Focus
The ImageEditor component is a container that consists of 3 logically separated structural elements:
- ToolBar (`role="toolbar"`);
- Image canvas (`role="img"`);
- Edit pane (`role="form"`);
The ToolBar and the inputs and buttons of the Edit pane are part of the page tab sequence. The `Toolbar` implements the keyboard navigation specification for a `ToolBar` component, while the Edit pane implements the spec for the `Form` component. The image canvas is not focusable (it is not part of the page tab sequence), as it could not be interacted using the keyboard.
## Keyboard Shortcuts
Apart from the shortcuts specific to the `ToolBar` and the `Form` used in the `ImageEditor`, the component offers the following shortcuts:
| Shortcut | Behavior |
| -------- | -------- |
| `Tab` | Focuses next focusable element (the ToolBar or an input/button on the Edit pane). |
| `Shift + Tab` | Focuses previous focusable element. |
| `Ctrl + Z` | Undo the last modification performed on the image. |
| `Ctrl + Y` | Redo a modification performed on the image. |