Wizard - Accessibility Compliance







Values filled
Validate with WAVE
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

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

This example shows the accessibility features of RadWizard for ASP.NET AJAX. It has keyboard navigation enabled and drag-and-drop.

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • styles.css
<%@ Page Language="c#" CodeFile="DefaultCS.aspx.cs" AutoEventWireup="true" Inherits="TreeView.Examples.Accessibility.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>Telerik ASP.NET Example</title>
    <link href="styles.css" type="text/css" rel="stylesheet" />
</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">
        <telerik:RadWizard RenderMode="Lightweight" runat="server" ID="RadWizard1" Height="360px" DisplayCancelButton="true">
            <WizardSteps>
                <telerik:RadWizardStep ID="RadWizardStep1" Title="Name" StepType="Start">
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox1" Label="First Name" LabelWidth="100px" Width="400px">
                    </telerik:RadTextBox>
                    <br />
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox2" Label="Middle Name" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                    <br />
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox3" Label="Last Name" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                </telerik:RadWizardStep>
                <telerik:RadWizardStep ID="RadWizardStep2" Title="Address" DisplayCancelButton="false">
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox4" Label="Country" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                    <br />
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox5" Label="City" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                    <br />
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox6" Label="Address" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                </telerik:RadWizardStep>
                <telerik:RadWizardStep ID="RadWizardStep3" Title="Other" StepType="Finish">
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox7" Label="Hobby" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                    <br />
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox8" Label="Music" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                    <br />
                    <telerik:RadTextBox RenderMode="Lightweight" runat="server" ID="RadTextBox9" Label="Sport" LabelWidth="100px" Width="400px"></telerik:RadTextBox>
                </telerik:RadWizardStep>
                <telerik:RadWizardStep ID="RadWizardStep4" StepType="Complete">
                    <asp:Label ID="Label1" runat="server" Text="Values filled" Font-Bold="true" />
                    <br />
                    <asp:Label ID="Label2" runat="server" />
                </telerik:RadWizardStep>
            </WizardSteps>
        </telerik:RadWizard>
    </div>
    <div style="clear: both;">
        <asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">Validate with WAVE</asp:LinkButton>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance

Help Us Improve

Was this example helpful?