TileList - WCAG 2.0 and Section 508 Accessibility Compliance

Peer-to-Peer Forums
We've been developing controls for ASP.NET AJAX since the technology’s inception & the contributions from the community prove that.
Talk with peers in the forums
Documentation
The Telerik Blogs ASP.NET AJAX Team
Telerik tools are backed by our legendary support, even during trials. Our dedicated support team is with you every step of the way, so your project can run on time and under budget. No matter how big or small your project, just reach out and we’ll be there for you.
Industry-Leading Support
Mail
Validate with WAVE
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

RadTileList is compliant with Section 508 and Level A 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
<%@ Page Title="" Language="C#"  AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.TileList.Accessibility_compliance.DefaultCS" %>

<!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="../Overview/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" />
    <telerik:RadTileList RenderMode="Lightweight" runat="server" ID="RadTileList1" TileRows="2">
        <Groups>
            <telerik:TileGroup>
                <telerik:RadContentTemplateTile NavigateUrl="http://www.telerik.com/forums/aspnet-ajax"
                    Target="_blank" Shape="Wide">
                    <ContentTemplate>
                        <div class="wideContent font14">
                            <div class="font22">
                                Peer-to-Peer Forums
                            </div>
                            <div>
                                We've been developing controls for ASP.NET AJAX since the technology’s inception
                                &amp; the contributions from the community prove that.
                            </div>
                        </div>
                    </ContentTemplate>
                    <Title Text="Talk with peers in the forums" />
                </telerik:RadContentTemplateTile>
                <telerik:RadImageTile NavigateUrl="http://www.telerik.com/help/aspnet-ajax/introduction.html"
                    Target="_blank" ImageUrl="../../images/Wide/img_documentation.png" Shape="Wide">
                    <Title Text="Documentation" />
                    <PeekTemplate>
                        <div class="wideContent font18">
                            Access thousands of articles our team has prepared for you to jumpstart your development.
                        </div>
                    </PeekTemplate>
                    <PeekTemplateSettings ShowPeekTemplateOnMouseOver="true" HidePeekTemplateOnMouseOut="true" />
                </telerik:RadImageTile>
                <telerik:RadImageAndTextTile ImageUrl="../../images/Wide/img_blog.png" Text="The Telerik Blogs ASP.NET AJAX Team"
                    Shape="Wide" NavigateUrl="http://blogs.telerik.com/aspnet-ajax/posts.aspx" Target="_blank">
                    <Title ImageUrl="../../images/Icons/icon_blog.png" />
                </telerik:RadImageAndTextTile>
                <telerik:RadTextTile Target="_blank" Shape="Wide"
                    Text="Telerik tools are backed by our legendary support, even during trials. Our dedicated support team is with you every step of the way, so your project can run on time and under                                budget. No matter how big or small your project, just reach out and we’ll be there for you.">
                    <Title Text="Industry-Leading Support"></Title>
                    <Badge PredefinedType="Available" />
                    <PeekTemplate>
                        <div class="wideContent font14">
                            As fast as:
                            <ul style="margin-top: 5px;">
                                <li>
                                    <strong>24h</strong> response time for tickets
                                </li>
                                <li>
                                    <strong>16h</strong> response time for issue escalation
                                </li>
                                <li>
                                    <strong>4h</strong> response time for ticket pre-screening
                                </li>
                            </ul>
                        </div>
                    </PeekTemplate>
                    <PeekTemplateSettings ShowPeekTemplateOnMouseOver="true" HidePeekTemplateOnMouseOut="true" />
                </telerik:RadTextTile>
            </telerik:TileGroup>
            <telerik:TileGroup>
                <telerik:RadLiveTile UpdateInterval="20000" Shape="Wide">
                    <WebServiceSettings Method="GetRandomData" Path="defaultcs.aspx" />
                    <ClientTemplate>
                        <div class="wideContent font18">
                            Changes in your team project since your last visit: <strong>#=data#</strong>
                        </div>
                    </ClientTemplate>
                    <Badge PredefinedType="Alert" />
                </telerik:RadLiveTile>
                <telerik:RadIconTile ImageUrl="../../images/Tiles/IconTile.png" Shape="Wide">
                    <PeekTemplate>
                        <div class="wideContent font18">
                            Go to the web application of your email client to check for messages.
                        </div>
                    </PeekTemplate>
                    <PeekTemplateSettings ShowPeekTemplateOnMouseOver="true" HidePeekTemplateOnMouseOut="true" />
                    <Title Text="Mail" />
                    <Badge PredefinedType="Activity" />
                </telerik:RadIconTile>
            </telerik:TileGroup>
        </Groups>
    </telerik:RadTileList>
    <asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">Validate with WAVE</asp:LinkButton>
    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?