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

WAI-ARIA Support

This example demonstrates WAI-ARIA support in the RadDateRangePicker. Enabling the EnableAriaSupport property on the Picker and its embedded Calendar, Start/End Date Pickers 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
    • DefaultCS.aspx.cs
    • DefaultVB.aspx.cs
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs"  Inherits="DateTimePicker_Accessibility_and_Internationalization_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" runat="server" id="containerDiv">
        <telerik:RadDateTimePicker RenderMode="Lightweight" ID="RadDateRangePicker1" EnableAriaSupport="true" runat="server" Width="300px">
            <Calendar runat="server" EnableAriaSupport="true" />
            <DateInput runat="server" EnableAriaSupport="true" Label="Delivery Date: " AriaLabel="Delivery Date" /> 
        </telerik:RadDateTimePicker>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance