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

WAI-ARIA Support

This example demonstrates WAI-ARIA support in the RadDatePicker. Enabling the EnableAriaSupport property on the Picker and its embedded Calendar and DateInput adds the appropriate ARIA roles and attributes to the rendered HTML, making the control accessible to screen readers and other assistive technologies.

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs"  Inherits="DatePicker_AccessibilityandInternationalization_WAI_ARIA_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 size-thin flex-center">
        <telerik:RadDatePicker ID="RadDatePicker1" runat="server" Width="300px" EnableAriaSupport="true">
            <Calendar ID="Calendar1" runat="server" EnableAriaSupport="true" />
            <DateInput runat="server" Label="Delivery Date" AriaLabel="Delivery Date"  />
        </telerik:RadDatePicker>
    </div>

    </form>
</body>
</html>

Support & Learning Resources

Find Assistance