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

WAI-ARIA Support

This example demonstrates WAI-ARIA support in the RadDateTimePicker. 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="DateRangePicker_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 flex-center" runat="server" id="containerDiv">
        <telerik:RadDateRangePicker RenderMode="Lightweight" ID="RadDateRangePicker1" EnableAriaSupport="true" runat="server">
            <StartDatePicker runat="server" EnableAriaSupport="true">
                <DatePopupButton Visible="true" />
                <DateInput runat="server" Label="Start Date: " AriaLabel="Start Date" />
            </StartDatePicker>
            <EndDatePicker runat="server" EnableAriaSupport="true">
                <DatePopupButton Visible="true" />
                <DateInput runat="server" Label="End Date: " AriaLabel="End Date" />
            </EndDatePicker>
        </telerik:RadDateRangePicker>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance