Accessibility Support
Out of the box, the Telerik and Kendo UI ContextMenu provides extensive accessibility support and enables users with disabilities to acquire complete control over its features.
The ContextMenu is compliant with the Web Content Accessibility Guidelines (WCAG) 2.2 standards and Section 508 requirements, follows the Web Accessibility Initiative - Accessible Rich Internet Applications (WAI-ARIA) best practices for implementing the keyboard navigation for its component role, provides options for managing its focus and is tested against the most popular screen readers.
WAI-ARIA
This section lists the selectors, attributes, and behavior patterns supported by the component and its composite elements, if any.
| Selector | Attribute | Usage |
|---|---|---|
.k-context-menu | role=menu | The context menu implements the menu role. |
Apart from the above, the ContextMenu element should implement the specification for a vertical Menu component.
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 |
|
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. |
Testing
The ContextMenu has been extensively tested automatically with axe-core and manually with the most popular screen readers.
Screen Readers
The ContextMenu has been tested with the following screen readers and browsers combinations:
| Environment | Tool |
|---|---|
| Firefox | NVDA |
| Chrome | JAWS |
| Microsoft Edge | JAWS |
