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

Accessibility Compliance







Values filled

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>
<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