Calendar

Controls

Rate this demo

Thank you for your post!
Submit a support ticket
If you have an active license or trial, you have access to dedicated support from Telerik’s developers. Response time is 24h for active licenses and 72h for trials, Mon-Fri.
Post in the forums
If you don’t have access to support or would like to help other people by sharing your problem, reach out to our active community in the forums.

TimePicker/DateTimePicker - Accessibility

Accessibility validation

Validate with WAVE

WAVE is a free web accessibility evaluation tool, which checks for compliance issues with many of the Section 508 and WCAG guidelines. Have in mind that only humans can determine whether a web page is accessible - the above validation link is provided for the sake of completeness.

This example shows the accessibility features of Telerik RadDateTimePicker for ASP.NET AJAX and Telerik RadTimePicker for ASP.NET AJAX.

Telerik RadDateTimePicker and RadTimePicker for ASP.NET AJAX are level A accessible (in compliance with the W3C Web Accessibility Guidelines 2.0).

C# VB
Show code in new window Demo isolation steps
<%@ Page CodeFile="DefaultCS.aspx.cs" Language="c#" AutoEventWireup="false" Inherits="Telerik.Web.Examples.Calendar.Functionality.Validation.DefaultCS" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>ASP.NET Calendar Demo - Accessibility</title>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="QsfSkinManager" runat="server" ShowChooser="true" />
    <telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" EnableRoundedCorners="false" />
    <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
        <telerik:RadDateTimePicker ID="RadDateTimePicker1" Width="310px" runat="server">
            <Calendar ID="Calendar2" runat="server" EnableKeyboardNavigation="true">
            </Calendar>
            <DateInput ToolTip="Date input" Label="Order date time:"></DateInput>
        </telerik:RadDateTimePicker>
        <br />
        <br />
        <telerik:RadTimePicker ID="RadTimePicker1" Width="281px" runat="server">
            <DateInput DateFormat="HH:mm:ss" Label="Delay:" ToolTip="Date input">
            </DateInput>
            <TimeView TimeFormat="HH:mm:ss">
            </TimeView>
        </telerik:RadTimePicker>
        <br />
        <br />
        <telerik:RadButton ID="RadButton1" Text="Save" runat="server" OnClick="RadButton1_Click">
        </telerik:RadButton>
        <br />
        <br />
        <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
        <br />
        <asp:Label ID="Label2" runat="server" Text=""></asp:Label>
    </telerik:RadAjaxPanel>
    <div>
        <h3>
            Accessibility validation</h3>
        <asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">Validate with WAVE</asp:LinkButton>
        <p>
            WAVE is a free web accessibility evaluation tool, which checks for compliance issues
            with many of the Section 508 and WCAG guidelines. Have in mind that only humans
            can determine whether a web page is accessible - the above validation link is provided
            for the sake of completeness.</p>
    </div>
    </form>
</body>
</html>
Telerik UI for ASP.NET AJAX Q3'14 Release is here