Scheduler - Accessibility

  • today
April, 2012
April, 2012
SMTWTFS
       
1234567
891011121314
15161718192021
22232425262728
2930     
Monday, April 16, 2012
  • Day
  • Week
  • Month
  • Timeline
all day
8AM
 
9AM
 
10AM
 
11AM
 
12PM
 
1PM
 
2PM
 
3PM
 
4PM
 
5PM
 
Breakfast
Technical meeting
Show 24 hours...
Validate with WAVE
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

This example shows the accessibility features of RadScheduler for ASP.NET AJAX. RadScheduler has keyboard navigation enabled. By default RadScheduler requires TabIndex to be set. One can also utlize AccessKey. For the purpose of this demo, the access key of RadScheduler is set to 'F'.

The control is also visible in Windows High Contrast mode when using Simple skin.

Telerik RadScheduler for ASP.NET AJAX is level AA accessible (in compliance with the W3C Web Accessibility Guidelines 2.0) as well as Section 508 compliant.

  • DefaultVB.aspx
  • styles.css
<%@ Page Language="VB" %>

<%@ 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>Telerik ASP.NET Example</title>
    <link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
<telerik:RadScheduler RenderMode="Lightweight" runat="server" ID="RadScheduler1"
        Height="600px" SelectedDate="2012-04-16" AccessKey="F" TabIndex="1"
        DayStartTime="08:00:00" DayEndTime="18:00:00" OverflowBehavior="Auto">
        <AdvancedForm Modal="true" />
    </telerik:RadScheduler>
    <asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click" CssClass="waveLink">Validate with WAVE</asp:LinkButton>
    <script runat="server">
        
        Private Const ProviderSessionKey As String = "Telerik.Web.Examples.Scheduler.XmlSchedulerProvider.DefaultVB"

        ' You can safely ignore this method.
        ' Its purpose is to limit the changes to the underlying data only to the active user session.
        Protected Sub Page_Init(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Init
            Dim provider As XmlSchedulerProvider

            If (Session(ProviderSessionKey) Is Nothing OrElse (Not IsPostBack)) Then
                provider = New XmlSchedulerProvider(Server.MapPath("~/App_Data/Appointments.xml"), False)
                Session(ProviderSessionKey) = provider
            Else
                provider = Session(ProviderSessionKey)
            End If

            RadScheduler1.Provider = provider
        End Sub
        
        Protected Sub LinkButton1_Click(ByVal sender As Object, ByVal e As EventArgs) Handles LinkButton1.Click
            Response.Redirect("http://wave.webaim.org/report?url=" + Page.Request.Url.AbsoluteUri)
        End Sub
    </script>
    
    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?