New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

WAI-ARIA Support

This article demonstrates how to enable and use the WAI-ARIA support of the RadToolTip and RadToolTipManager controls.

The WAI-ARIA Suite defines an approach to make web content and web applications more accessible to people with disabilities. RadToolTip and RadToolTipManager offer WAI-ARIA support.

In order to enable the WAI-ARIA support, set the RadToolTip / RadToolTipManager contol's EnableAriaSupport property to true as shown in the example below.

Example 1: Setting the EnalbeAriaSupport property for RadToolTip and RadToolTipManager.

<telerik:RadToolTip RenderMode="Lightweight" EnableAriaSupport="true" runat="server" ID="RadToolTip1"></telerik:RadToolTip>
<telerik:RadToolTipManager RenderMode="Lightweight" EnableAriaSupport="true" runat="server" ID="RadToolTipManager1"></telerik:RadToolTipManager>
RadToolTip1.EnableAriaSupport = true;
RadToolTipManager.EnableAriaSupport = true;
RadToolTip1.EnableAriaSupport = True
RadToolTipManager1.EnableAriaSupport = True

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.

According to the WAI-ARIA specifications, the first input in a dialog should get the focus when the dialog opens. We have no control over the content, so this should be done by the developer. The OnClientShow event and the Client-side API of the control can be used for this.

RadToolTips created by a RadToolTipManager will inherit the value of its EnableAriaSupport property.

See Also

In this article