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

WAI-ARIA Support

This example demonstrates the WAI-ARIA support built into the RadDropDownTree. Enable it by setting EnableAriaSupport="true" on the control. You can also provide a descriptive label for assistive technologies using the AriaLabel property, which maps to the aria-label attribute on the rendered element.

The WAI-ARIA attributes allow screen readers and other assistive technologies to correctly announce the dropdown state (expanded/collapsed), the tree structure, and the currently selected or focused node.

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs"  Inherits="DropDownTree_Examples_Functionality_WAI_ARIA_Support_DefaultCS" %>

<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-container flex-center">
        <telerik:RadDropDownTree ID="RadDropDownTree1" runat="server" CheckBoxes="SingleCheck" EnableAriaSupport="true" AriaLabel="DropDownTree with ARIA label"
            DataFieldParentID="ParentID" DataFieldID="ID" DataTextField="Name" DataValueField="ID" Width="300">
        </telerik:RadDropDownTree>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance