New to Kendo UI for Angular? Start a free 30-day trial

Accessibility

The Kendo UI for Angular DropDownTree component is WCAG 2.1 AAA and Section 508 compliant. The component also follows the WAI-ARIA best practices for implementing the keyboard navigation for its component role, and is tested against the popular screen readers.

The following example demonstrates the accessibility compliance of the DropDownTree component. Open the example in a new window to evaluate it with Axe Core or other accessibility tools.

Associating the DropDownTree with kendo-label or kendo-floatinglabel component ensures that the focusable Input element receives the aria-labelledby attribute and complies to the respective accessibility requirement.

Example
View Source
Change Theme:

In case the Popup is appended to the body you should manually set the Popup role attribute to region as demonstrated in the following example:

Example
View Source
Change Theme:

The DropDownTree also follows the WAI-ARIA best practices for implementing the keyboard navigation for its component role and is tested against the popular screen readers.

WAI-ARIA Support

All relevant internal elements of the DropDownTree component have the aria attributes and roles with their respective values, required for WCAG 2.1 compliance.

Section 508

The DropDownTree is compliant with the Section 508 requirements.

Static analyzers

The tool used for Automated Testing is Axe Core.

Screen Readers

EnvironmentTool
FirefoxNVDA
ChromeJAWS
Microsoft EdgeJAWS

Any Accessibility Issues could be reported in the Telerik Support System.