Accessibility Overview
The Kendo UI for Angular TreeView component is WCAG 2.2 AA 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.
Due to the rich feature set of the library and complexity of some components, the specific combination of configuration options may lead to inaccessible component rendering. Perform thorough testing on any modifications applied to the Kendo UI for Angular components to ensure that they continue to comply with the desired level of accessibility standards.
Associating the TreeView with kendo-label or kendo-floatinglabel component ensures that the kendo-treeview element receives the id provided by the label and complies to the respective accessibility requirement.
The following example demonstrates the accessibility compliance of the TreeView component. Open the example in a new window to evaluate it with Axe Core or other accessibility tools.
The described level of compliance is achievable with the Ocean Blue A11y Accessibility Swatch.
WCAG 2.2 Compliance
WCAG 2.2 introduces new specifications for dragging movements. The TreeView's nodes reordering functionality dependents on drag actions.
The following example demonstrates a TreeView that is fully compliant with the latest WCAG 2.2 AA accessibility guidelines.
The drag alternatives are achieved by options that appear through the context menu of each node. You can further adjust the implemented logic for the drag alternatives to better align with the project requirements.
WAI-ARIA Support
All relevant internal elements of the TreeView component have the aria attributes and roles with their respective values, required for WCAG 2.2 compliance.
Section 508
The TreeView is compliant with the Section 508 requirements.
Static analyzers
The tool used for Automated Testing is Axe Core.
Screen Readers
| Environment | Tool |
|---|---|
| Firefox | NVDA |
| Chrome | JAWS |
| Microsoft Edge | JAWS |