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

FileExplorer / Accessibility

  
  
  
  
  
  
Page 1 of 2
Page 1 of 2. Items 1 to 6 of 7
Max file size allowed:
200.00 KB
File extensions allowed:
*.jpg, *.jpeg, *.gif, *.png

  • The interface of RadFileExplorer for ASP.NET AJAX is level A accessible (in compliance with the W3C Web Accessibility Guidelines 2.0) as well as Section 508 compliant.

    RadFileExplorer passes the check of the WAVE automated content compliance tool for Section 508 and WCAG 2.0 - Compliance Level A.

    Keyboard support

    You can use the keyboard to control RadFileExplorer. The user can specify a shortcut (FocusFileExplorer property)  that focuses the control, or use the Tab key to bring the focus to it. Once, the Explorer is focused, pressing the Tab key (or Shift+Tab) will navigate through its inner controls - ToolBar, TreeView and Grid. Additionally, shortcuts can be assigned to each of these controls, so they can be accessed directly. The FileExplorer needs to be focused first, in order for the rest of the shortcuts to work.

    There are only a few predefined shortcuts:

    • "Enter" - open selected file or folder in the TreeView or Grid.
    • "Esc" - close opened Popup Window
    • "Delete" - delete selected file, folder in the Grid or TreeView. Note, that you need to press "Enter" to select a folder in the TreeView.
    • "(Context) Menu Key [in this example another shortcut is used instead of the default one]" - open/close the Context Menu of the TreeView or the Grid, close to the selected file or folder.
    • "Arrow Keys" - used to navigate through the items in the TreeView, Grid and the Context Menu.

    The rest are not set, because different browsers might have the shortcut already set for internal (browser) use. The user is free to specify the shortcut to a single key, or a combination of two (2) keys, using the "+" (plus) sign. Please take a look at the markup of the example to see how the shortcuts of the FileExplorer in this demo are set.

    Press "Ctrl + F2" to focus the FileExplorer. After that you can use the control specific keyboard shortcuts (listed below) to focus the different controls of the FileExplorer.
    • Press "Shift+1" to focus the ToolBar. Use Tab to navigate through the different Buttons.
    • Press "Shift+2" to focus the AddressBar.
    • Press "Shift+3" to focus the TreeView. Use the Arrow keys to navigate through the different nodes (folders). Press Enter to select a folder.
    • Press "Shift+4" to focus the Grid. Use Arrow keys to navigate through the different items - files and folders. Press Enter to open file/folder.
    • Press "Shift+5" to focus the Grid Paging Slider. Use Left and Right Arrow keys to page through the Grid.
    • Press "Shift+m" to open the ContextMenu of the Grid or TreeView. Use Up and Down Arrow keys to navigate through the menu. Press Enter to invoke an action.
    • Press "Esc" to close opened Popup Window.
    • Press "Ctrl+n" to create a New Folder.
    • Press "Ctrl+u" to upload Files.
    • Press "Ctrl+F3" to Refresh the contents of the FileExplorer.
    • Press "Ctrl+k" to go Back one view.
    • Press "Ctrl+l" to go Forward one view.
    • Press "Delete" to Delete the selected file/folder.

    Note: By default tab-access is disabled in Safari. To enable it, check "Preferences > Advanced > Press tab to highlight each item on a page".

Source Code

C# VB.NET
Show code in new window Demo isolation steps
  • <%@ Page Language="vb" AutoEventWireup="true" Inherits="Telerik.Web.Examples.FileExplorer.Accessibility.DefaultVB"
        CodeFile="DefaultVB.aspx.vb" %>

    <%@ 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" method="post" runat="server">
        <qsf:Header ID="Header1" runat="server" NavigationLanguage="VB" ShowSkinChooser="false" />
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        
        <telerik:RadFileExplorer runat="server" ID="FileExplorer1" Width="520px" Height="320px" CssClass="rfeFocus"
            AllowPaging="true" PageSize="6">
            <Configuration ViewPaths="~/FileExplorer/Examples/Default/Images" UploadPaths="~/FileExplorer/Examples/Default/Images"
                DeletePaths="~/FileExplorer/Examples/Default/Images" />
            <KeyboardShortcuts
                FocusFileExplorer="Ctrl+f2"
                FocusToolBar="Shift+1"
                FocusAddressBar="Shift+2"
                FocusTreeView="Shift+3"
                FocusGrid="Shift+4"
                FocusGridPagingSlider="Shift+5"
                UploadFile="Ctrl+u"
                Back="Ctrl+k"
                Forward="Ctrl+l"
                NewFolder="Ctrl+n"
                Refresh="Ctrl+f3"
                ContextMenu="Shift+m" />
        </telerik:RadFileExplorer>
        <qsf:Footer runat="server" ID="Footer1" ShowCodeViewer="true" />
        </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