SegmentedControl Accessibility
Out of the box, the Telerik UI for ASP.NET MVC SegmentedControl provides accessibility support and enables users with disabilities to acquire complete control over its features.
The SegmentedControl is compliant with the Web Content Accessibility Guidelines (WCAG) 2.2 AA 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-segmented-control | role=group | Sets the proper role for the group of buttons. |
.k-segmented-control-button | role=button | Each button must have the appropriate button role. |
aria-label | Each button should be properly labelled. Use aria-label if the button contains only an icon without text. | |
.k-segmented-control-button.k-selected | aria-pressed=true | Only the selected button within the group will have this attribute set to true. |
.k-segmented-control-button.k-disabled | aria-disabled=true | Indicates that the button is disabled and cannot be interacted with. |
.k-segmented-control-thumb | aria-hidden=true | The thumb is purely decorative and should be hidden from screen readers. |
Resources
WAI-ARIA button Role Specification
WAI-ARIA group Role Specification
Section 508
The SegmentedControl is compliant with the Section 508 requirements.
To report any accessibility issues, contact the team through the Telerik Support System.
Keyboard Navigation
For details on how the SegmentedControl keyboard navigation works, refer to the SegmentedControl Keyboard Navigation article.