Accessibility
The Kendo UI for Angular ListView component is WCAG 2.2 AAA and Section 508 compliant. The component also follows the WAI-ARIA best practices for implementing the keyboard navigation for its component role 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.
The following example demonstrates the accessibility compliance of the ListView 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.
Accessible Names
The ListView can be given an accessible name that will be announced by readers on component focus by providing a containerLabel
. The provided value will be rendered as an aria-label
attribute on the list
container.
Wrapping the item template mark-up in a container with a defined aria-label
could be used to control exactly what text will be announced on item focus.
The following example demonstrates how to set the accessible names of the list and the list items:
WAI-ARIA Support
All relevant internal elements of the ListView component have the aria attributes and roles with their respective values, required for WCAG 2.2 compliance.
Section 508
The ListView 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 |