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.

  • DefaultVB.aspx
  • DefaultVB.aspx.vb
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="DefaultVB.aspx.vb"  Inherits="DateRangePicker_Accessibility_and_Internationalization_WAI_ARIA_DefaultVB" %>

<!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" runat="server" id="containerDiv">
        <telerik:RadDateRangePicker RenderMode="Lightweight" ID="RadDateRangePicker1" EnableAriaSupport="true" runat="server" Width="60%" Style="margin: auto">
            <StartDatePicker runat="server" EnableAriaSupport="true" Width="100%">
                <DateInput runat="server" Label="Start Date: " AriaLabel="Start Date" />
            </StartDatePicker>
            <EndDatePicker runat="server" EnableAriaSupport="true" Width="100%">
                <DateInput runat="server" Label="End Date: " AriaLabel="End Date" />
            </EndDatePicker>
        </telerik:RadDateRangePicker>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance