## Keyboard Navigation

The keyboard navigation of the `ContextMenu` is always available. To use it, you have to focus the component by pressing the `Tab` key.

The ContextMenu supports the following keyboard shortcuts:

| SHORTCUT                 | DESCRIPTION                                                                                                                                                                       |
| :----------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `Up Arrow`               | Focuses the previous item.                                                                                                                                                        |
| `Down Arrow`             | Focuses the next item.                                                                                                                                                            |
| `Left Arrow`             | <ul><li>(For root items) opens the item and focuses the last child.</li> <li>(For child items) closes and focuses the parent.</li></ul>                                           |
| `Right Arrow`            | If the item has children, opens the item and focuses the first child. For child items without children, opens the next root item and focuses its first child.                     |
| `Home`                   | Focuses the first item.                                                                                                                                                           |
| `End`                    | Focuses the last item.                                                                                                                                                            |
| `Enter`                  | Selects the focused item. If the item has children, opens the item and focuses the first child. If the item does not have children and has a URL, navigates to the specified URL. |
| `Space`                  | Selects the focused item. If the item has children, opens the item and focuses the first child. If the item does not have children and has a URL, navigates to the specified URL. |
| `Escape`                 | (For child items) Closes and focuses the parent.                                                                                                                                  |
| `Alphanumeric character` | Focuses the next item with text starting with the character.                                                                                                                      |

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/context-menu/overview/source.txt)

If the orientation of the ContextMenu is horizontal, the arrow keys perform the following actions:

| SHORTCUT      | DESCRIPTION                                                                                                                                                                                                                      |
| :------------ | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `Up Arrow`    | <ul><li>(For root items) Opens the item and focuses the last child.</li> <li>(For child items) Focuses the previous item.</li></ul>                                                                                              |
| `Down Arrow`  | <ul><li>(For root items) Opens the item and focuses the first child.</li> <li>(For child items) Focuses the next item.</li></ul>                                                                                                 |
| `Left Arrow`  | <ul><li>(For root items) Focuses the previous item.</li> <li>(For child items) For direct children of a root item, opens the previous root item and focuses its first child. Otherwise, closes and focuses the parent.</li></ul> |
| `Right Arrow` | <ul><li>(For root items) Focuses the next item.</li> <li>(For child items) If the item has children, opens the item and focuses the first child. Otherwise, opens the next root item and focuses its first child.</li></ul>      |

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/context-menu/vertical/source.txt)

## Suggested Links

* [API Reference of the Menu](https://www.telerik.com/kendo-vue-ui/components/layout/api/menuprops)
* [Accessibility](https://www.telerik.com/kendo-vue-ui/components/layout/menu/accessibility/wai-aria-support)