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 RadNotification control.

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

In order to enable the WAI-ARIA support, set the RadNotification's EnableAriaSupport property to true as shown in the examples below. Screenreaders will also require this functionality to be enabled.

Example 1: Setting the EnableAriaSupport property for RadNotification in the markup

<telerik:RadNotification RenderMode="Lightweight" EnableAriaSupport="true" runat="server" ID="RadNotification1"></telerik:RadNotification>

Example 2: Setting the EnableAriaSupport property for RadNotification in the code-behind

RadNotification1.EnableAriaSupport = true;
RadNotification1.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. In case the ContentTemplate of the control is used and it contains inputs, their focus should be handled by the developer. The OnClientShown event and the control's Client-side API can be used for this.

See Also

In this article