Out of the box, the Kendo UI for Vue Rating provides extensive accessibility support and enables users with disabilities to acquire complete control over its features.
The Rating is compliant with theWeb Content Accessibility Guidelines (WCAG) 2.2 AA standards andSection 508 requirements, follows theWeb Accessibility Initiative - Accessible Rich Internet Applications (WAI-ARIA) best practices for implementing thekeyboard navigation for itscomponent role, provides options for managing its focus and is tested against the most popular screen readers.
This section lists the selectors, attributes, and behavior patterns supported by the component and its composite elements, if any.
| Selector | Attribute | Usage |
|---|---|---|
.k-rating | role=slider | Announces theslider role of the Rating element. |
aria-label oraria-labelledby ortitle | The Rating needs an accessible name to be assigned to it. | |
tabindex=0 | The element must be focusable. | |
aria-valuenow | Specifies the currently selected value in the Rating. | |
aria-valuemin | Specifies the minimum available value in the Rating. | |
aria-valuemax | Specifies the maximum available value in the Rating. |
WAI-ARIA specification for slider
The Rating is fully compliant with theSection 508 requirements.
The Rating has been extensively tested automatically withaxe-core and manually with the most popular screen readers.
To report any accessibility issues, contact the team through theTelerik Support System.
The Rating has been tested with the following screen readers and browsers combinations:
| Environment | Tool |
|---|---|
| Firefox | NVDA |
| Chrome | JAWS |
| Microsoft Edge | JAWS |
For more details about the Rating component's keyboard navigation, refer to the article onkeyboard navigation in the Rating component.