WAI-ARIA Support
This article demonstrates how to enable and use the WAI-ARIA support of the RadSplitButton control.
The WAI-ARIA Suite defines an approach to make web content and web applications more accessible to people with disabilities. RadSplitButton offers WAI-ARIA support.
In order to enable the WAI-ARIA support, set the RadSplitButton control's EnableAriaSupport property to true and, optionally, set the inner properties (DescribedBy and Label) of the AriaSettings composite tag to the desired values as shown in Example 1.
Example 1: Enabling WAI-ARIA support for RadSplitButton
<%--AriaLabel--%>
<telerik:RadSplitButton ID="RadSplitButton1" runat="server" EnableAriaSupport="true" Text="Split Button with WAI-ARIA attributes">
<AriaSettings Label="Some Label Value" />
</telerik:RadSplitButton>
<%--DescribedBy--%>
<asp:Label Text="SplitButton aria label" runat="server" ID="Label1" ClientIDMode="Static" />
<telerik:RadSplitButton ID="RadSplitButton2" runat="server" EnableAriaSupport="true" Text="Split Button with WAI-ARIA attributes">
<AriaSettings DescribedBy="Label1" />
</telerik:RadSplitButton>
The implementation of the WAI ARIA support is achieved entirely client-side (using JavaScript) by appending different attributes and appropriate WAI-ARIA roles to the DOM elements. This is done because an HTML document containing ARIA attributes will not pass validation if they are added on the server.