# Keyboard Navigation

The keyboard navigation of the Dialog is always available.

When the Dialog is opened, the initial focus is set on the `Dialog` element. This approach enables the user to immediately select or navigate between the action buttons by using the `Tab` and `Shift`+`Tab` keys, and to close the Dialog with the `Esc` button.

| SHORTCUT      | DESCRIPTION                                        |
| :------------ | :------------------------------------------------- |
| `Esc`         | Calls the `onClose` event handler.                 |
| `Shift`+`Tab` | Moves the focus to the previous focusable element. |
| `Tab`         | Moves the focus to the next focusable element.     |

The following example is based on the official [accessibility standard](https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/dialog.html) for a modal dialog.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/dialogs/dialog/keyboard/source.txt)

## Suggested Links

* [Get Started with the Dialog](https://www.telerik.com/kendo-vue-ui-develop/components/dialogs/dialog)
* [API Reference of the Dialog](https://www.telerik.com/kendo-vue-ui-develop/components/dialogs/api/dialogprops)