Keyboard Navigation

Managing the Focus

When the context menu is opened, the focus will go to the first item of the context menu. Only one node will have tabindex in the menu.Interaction on a menuitem should focus it.

Keyboard Shortcuts

Shortcut	Behavior
Shift+F10	When applied to a target, the command opens the ContextMenu.
Up Arrow	Focuses the previous item.
Down Arrow	Focuses the next item.
Left Arrow	(For root items) opens the item and focuses the last child. (For child items) closes and focuses the parent.
Right Arrow	If the item has children, opens the item and focuses the first child. For child items without children, focuses and opens the next root item.
Escape	Closes the ContextMenu and returns the focus to the target.
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.
Alphanumeric character	Focuses the next item with text starting with the character.

Resources

ARIA Authoring Practices: Menu Pattern

ARIA Authoring Practices: Developing a Keyboard Interface

See Also

• Accessibility in KendoReact
• Accessibility Compliance and Keyboard Support in KendoReact