# 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](https://www.w3.org/TR/WCAG22/) standards and [Section 508](https://www.section508.gov/) requirements, follows the [Web Accessibility Initiative - Accessible Rich Internet Applications (WAI-ARIA)](https://www.w3.org/WAI/ARIA/apg/) best practices for implementing the [keyboard navigation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/navigation/segmentedcontrol/accessibility/overview#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](https://www.w3.org/TR/wai-aria-1.2/#button)
[WAI-ARIA `group` Role Specification](https://www.w3.org/TR/wai-aria-1.2/#group)

## Section 508

The SegmentedControl is compliant with the [Section 508 requirements](http://www.section508.gov/).

> To report any accessibility issues, contact the team through the [Telerik Support System](https://www.telerik.com/account/support-center).

## Keyboard Navigation

For details on how the SegmentedControl keyboard navigation works, refer to the [SegmentedControl Keyboard Navigation](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/navigation/segmentedcontrol/accessibility/keyboard-navigation) article.

## See Also

* [Keyboard Navigation by the SegmentedControl for ASP.NET MVC (Demo)](https://demos.telerik.com/aspnet-mvc/segmentedcontrol/keyboard-navigation)
* [Keyboard Navigation by the SegmentedControl for ASP.NET MVC](https://www.telerik.com/aspnet-mvc/documentation/html-helpers/navigation/segmentedcontrol/accessibility/keyboard-navigation)
* [Accessibility in Telerik UI for ASP.NET MVC](https://www.telerik.com/aspnet-mvc/documentation/accessibility/overview)