Telerik is a leading vendor of ASP.NET AJAX, ASP.NET MVC, Silverlight, WinForms and WPF controls and components, as well as .NET Reporting, .NET ORM , .NET CMS, Code Analysis, Mocking, Team Productivity and Automated Testing Tools. Building on its expertise in interface development and Microsoft technologies, Telerik helps customers build applications with unparalleled richness, responsiveness and interactivity. Telerik products help thousands of companies to be more productive and deliver reliable applications under budget and on time.
Version Q2 2011 released 07/12/2011
select

Editor / Accessible UI

   
 
 
 
 
   


  • Accessible UI

    The interface of the RadEditor is "Level A" accessible (in compliance with the W3C Web Accessibility Guidelines 1.0). Verified with the HiSoftware Compliance Sheriff automated content compliance tool.

    RadEditor is also Section 508 compliant.

    This example demonstrates the new AccessibleRadEditor control. The control offers an accessible UI, which is easier to navigate for blind or partially sighted people. The differences from the normal RadEditor control are mainly in the editor toolbar and the Image Manager dialog. For more specific information, see the list below.

    An accessibility compliance check is included at the end of the editor toolbar. The check is performed using HiSoftware's Compliance Sheriff tool. To use this feature on your web application, you will need to register on HiSoftware's web site and get an API Key.

    1. Shortcuts
      • To move from edit area to the FIRST toolbar button press F10 (standard MS Word shortcut)
      • To move from edit area to the LAST toolbar button press SHIFT + TAB (standard shortcut)
      • To run the TableWizard dialog which provides many table options run the shortcut - CTRL+SHIFT+T
      • To run the Help dialog press CTRL + H.
      • To close a dialog - such as the Help or the Image Manager press Alt+F4
      • Shortcuts for different heading added (Alt + heading weight, e.g Heading 2 is Alt+2)
      • To clear formatting press CTRL+SHIFT+N
    2. Standard browser dialogs instead of RadWindow are used in order to allow screen readers such as JAWS to work better
    3. TAB enabled for navigation through the web page
    4. A new tool is added at the first position in the toolbar and when pressed it moves the cursor into the edit area
    5. Labels are added for select elements which makes them easily and better readable by screen readers (e.g JAWS)
    6. The standard file explorer control in the Image Manager is replaced by a more accessible version using simple dropdowns and listboxes for browsing the files on the server.

    The demonstrated AccessibleRadEditor has a limited set of tools focused on basic editing functionality but it still provides a lot of flexibility (tables, headings, images, etc).

Source Code

C# VB.NET
Show code in new window Demo isolation steps
  • <%@ Page Theme="Default" Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs"
        Inherits="Telerik.Web.Examples.Editor.AccessibleEditor.DefaultCS" %>

    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
    <%@ Register TagPrefix="qsf" TagName="Header" Src="~/Common/Header.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="HeadTag" Src="~/Common/HeadTag.ascx" %>
    <%@ Register TagPrefix="qsf" TagName="Footer" Src="~/Common/Footer.ascx" %>
    <!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">
        <qsf:HeadTag ID="Headtag1" runat="server" />
    </head>
    <body class="BODY">
        <form id="form1" runat="server">
        <qsf:Header ID="Header1" runat="server" NavigationLanguage="c#" />
        <telerik:RadScriptManager ID="ScriptManager1" runat="server" />
        <telerik:AccessibleRadEditor ID="RadEditor1" runat="server" ImageManager-ViewPaths="~/Img/Northwind/Customers/">
        </telerik:AccessibleRadEditor>
        <qsf:Footer runat="server" ID="Footer1" />
        </form>
    </body>
    </html>

Get more than expected!

 
 

Take your time to truly experience the power of RadControls for ASP.NET AJAX with a free 60-day trial backed up by Telerik’s unlimited dedicated support.

Download your RadControls for ASP.NET AJAX trial and jumpstart your development with the available Getting Started resources.

If you have any questions, do not hesitate to contact us at sales@telerik.com.

Copyright 2002-2024 © Telerik. All right reserved
Telerik Inc, 201 Jones Rd, Waltham, MA 02451