Spry

Enable keyboard navigation

Making widgets accessible for keyboard navigation is an important part of every widget. Keyboard navigation lets the user control the widget with arrow keys or custom keys.

The foundation of keyboard navigation is the tabIndex attribute. This attribute tells the browser how to use the tabs to navigate through the document.

 To enable keyboard navigation on the tabbed panels, add a TabIndex value to each li tag, as follows:
<ul class="TabbedPanelsTabGroup">
	<li class="TabbedPanelTab" tabIndex="0">Tab</li>
	<li class="TabbedPanelTab" tabIndex="0">Tab</li>
</ul>

If the tabIndex attribute has a value of zero (0), the browser determines the order. If it has a positive integer value, that order value is used.

Note: Using tabIndex on a div tag is not XHTML 1.0 compliant.

Comments

Comments are no longer accepted for Spry 1.4. Spry 1.6 is the current version. To discuss Spry 1.4, please use the Adobe forum.

 

Send me an e-mail when comments are added to this page | Comment Report

Current page: http://livedocs.adobe.com/en_US/Spry/1.4/WS79E698C6-4EE6-40a3-930D-94F631629845.html