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

WAI-ARIA Support

This example demonstrates WAI-ARIA support in the RadTimePicker. 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="TimePicker_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:RadTimePicker RenderMode="Lightweight" ID="RadDateRangePicker1" EnableAriaSupport="true" runat="server" Width="300px">
            <Calendar runat="server" EnableAriaSupport="true" />
            <DateInput runat="server" EnableAriaSupport="true" Label="Delivery Time: " AriaLabel="Delivery Time" /> 
        </telerik:RadTimePicker>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance