Window - WCAG 2.0 and Section 508 Accessibility Compliance

Validate with WAVE
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB
RadWindow is compliant with Section 508 and Level AAA of the WCAG 2.0 Guidelines. Run WAVE, the automated web accessibility evaluation tool, to check the accessibility level of the control yourself.
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • styles.css
<%@ Page Language="c#" AutoEventWireup="true" Inherits="Telerik.Web.Examples.Window.Accessibility.DefaultCS"CodeFile="DefaultCS.aspx.cs"  %>

<!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" rel="stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
<div id="offsetElement" class="demo-container size-wide"></div>
<asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">Validate with WAVE</asp:LinkButton>
<telerik:RadWindowManager RenderMode="Lightweight" OffsetElementID="offsetElement" ID="RadWindowManager1" runat="server" EnableShadow="true">
    <Shortcuts>
        <telerik:WindowShortcut CommandName="RestoreAll" Shortcut="Alt+F3"></telerik:WindowShortcut>
        <telerik:WindowShortcut CommandName="Tile" Shortcut="Alt+F6"></telerik:WindowShortcut>
        <telerik:WindowShortcut CommandName="CloseAll" Shortcut="Esc"></telerik:WindowShortcut>
    </Shortcuts>
    <Windows>
        <telerik:RadWindow RenderMode="Lightweight"  ID="RadWindow2" runat="server" Width="320" VisibleOnPageLoad="true" Left="400" Top="30">
            <ContentTemplate>
                <h2>RadWindow with ContentTemplate set!</h2>
                <asp:Image ID="img" runat="server" CssClass="content-image" ImageUrl="~/Window/TestPage/TestPageResources/RadWindow.gif" alt="" />
            </ContentTemplate>
            <Shortcuts>
                <telerik:WindowShortcut CommandName="Maximize" Shortcut="Ctrl+F6"></telerik:WindowShortcut>
                <telerik:WindowShortcut CommandName="Minimize" Shortcut="Ctrl+F7"></telerik:WindowShortcut>
            </Shortcuts>
        </telerik:RadWindow>
        <telerik:RadWindow RenderMode="Lightweight" ID="RadWindow1" runat="server" VisibleOnPageLoad="true" Width="320" Top="30" Left="40" NavigateUrl="http://www.kendoui.com">
            <Shortcuts>
                <telerik:WindowShortcut CommandName="Maximize" Shortcut="Ctrl+F2"></telerik:WindowShortcut>
                <telerik:WindowShortcut CommandName="Restore" Shortcut="Ctrl+F3"></telerik:WindowShortcut>
            </Shortcuts>
        </telerik:RadWindow>
    </Windows>
</telerik:RadWindowManager>
    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?