A critical requirement for software accessibility is keyboard support as a complete alternative to pointing devices (mouse, etc.).
Keyboard support is comprised of access keys, keyboard navigation, and keyboard shortcuts. Telerik RadPanelBar will seamlessly switch between mouse and keyboard navigation, just like in desktop applications.
Using the AccessKey property, you can associate an activation combination (access key) which will focus on the particular panelbar item and enable keyboard navigation. When there are multiple panelbars on a given page, each of them may have a different activation combination.
Setting access keys
AccessKey is a property in the RadPanelItem class. AccessKey sets the keyboard shortcut that may be used to activate a panelbar item. The value of the AccessKey property can only be a single character. A key combination between [ALT] and the selected character key moves the focus to the respective item. (You can subsequently use the arrow keys for navigation; see below.)
To set a keyboard shortcut to a panelbar item, simply set the AccessKey property to the desired key. For example,
| |
 Copy Code |
|
<rad:RadPanelItem AccessKey="c" Expanded="True" Text="ASP.NET
controls" >
|
will be fired when you press [Alt]+[c].
 |
In Opera, access keys work by pressing Shift+ESC, then pressing the assigned access key. In Firefox the access keys work by pressing ALT+SHIFT+the key. |
Example
| |
Copy Code |
|
<Items>
<rad:RadPanelItem AccessKey="c" Expanded="True" Text="ASP.NET controls" >
<Items>
<rad:RadPanelItem Text="Telerik RadPanelBar" AccessKey="m"></rad:RadPanelItem>
<rad:RadPanelItem Text="Telerik RadTabStrip" AccessKey="b"></rad:RadPanelItem>
<rad:RadPanelItem Text="Telerik RadPanelBar" AccessKey="p"></rad:RadPanelItem>
<rad:RadPanelItem Text="Telerik RadTreeView" AccessKey="t"></rad:RadPanelItem>
</Items>
</rad:RadPanelItem>
</Items> |
Keyboard navigation
Keyboard navigation is supported by using the [TAB] and arrow keys. Use the [TAB] key to focus the Telerik RadPanelBar, and then you can move among the panelbar items, both root and child, using the [TAB] or arrow keys.
An alternative to arrow keys for moving forward and backward along the Telerik RadPanelBar is the [TAB] and [SHIFT]+[TAB] key combination:
-
To move forward, use the [TAB] key.
-
To move backward, use the [SHIFT]+[TAB] key combination.
Child panelbar items are expanded or collapsed using the [ENTER] key.
See Also