@progress/wct-a11y-spec
Version:
Contains accessibility and keyboard navigation specification of Telerik and Kendo web components.
23 lines (17 loc) • 1.28 kB
Markdown
## Managing Focus
- Initial focus - When opened, the Window should be focused.
- Action buttons are accessed with `Tab` key
- Tab Key Trap is implemented for modal windows
## Keyboard Shortcuts
| Shortcut | Behavior |
|---------------------|---------------------|
|`Alt + DownArrow`| Minimizes or restores the state, if the focused element is the window |
|`Alt + UpArrow`| Maximizes or restores the state, if the focused element is the window|
|`Arrow Keys`| Move the window to the respective direction (UP | DOWN | LEFT | RIGHT). Applicable only when the component is draggable. |
|`Ctrl + UpArrow`| Decreases the height of the window triggering the resizing capabilities. Applicable only when the component is resizable. |
|`Ctrl + DownArrow`| Increases the height of the window triggering the resizing capabilities. Applicable only when the component is resizable. |
|`Ctrl + LeftArrow`| Decreases the width of the window triggering the resizing capabilities. Applicable only when the component is resizable. |
|`Ctrl + RightArrow`| Increases the width of the window triggering the resizing capabilities. Applicable only when the component is resizable. |
|`Escape`| Closes the window|
## Resources
https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/dialog.html