TabStrip - WAI-ARIA Support

  • Root Tab1
  • Root Tab2
  • Root Tab3
  • Child Tab1
  • Child Tab2
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

The RadTabStrip control has WAI-ARIA support which can be easily enabled by setting EnableAriaSupport to true.

To focus the RadTabStrip press Alt + M.

  • DefaultCS.aspx
  • DefaultCS.aspx.cs
<%@ Page Language="C#"  AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="TabStrip.Examples.WaiAriaSupport.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>
</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 size-narrow">
        <telerik:RadTabStrip RenderMode="Lightweight" ID="RadTabStrip1" runat="server" SelectedIndex="0" EnableAriaSupport="true">
            <KeyboardNavigationSettings CommandKey="Alt" FocusKey="M" />
            <Tabs>
                <telerik:RadTab runat="server" Text="Root Tab1">
                    <Tabs>
                        <telerik:RadTab runat="server" Text="Child Tab1">
                        </telerik:RadTab>
                        <telerik:RadTab runat="server" Text="Child Tab2">
                        </telerik:RadTab>
                    </Tabs>
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="Root Tab2">
                </telerik:RadTab>
                <telerik:RadTab runat="server" Text="Root Tab3">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>
    </div>

    </form>
</body>
</html>

Find Assistance

Help Us Improve

Was this example helpful?