The actual example uses the DHTML roadmap and navigates the tabs using
arrow keys. The user would use the tab key to navigate to the tab panel
control, then arrow between the actual tabs. Pressing tab again would
leave the tab panel (with the current panel still active) and navigate to
the next item with a tab stop on the page (in Gez's example this would be
the first field in the form).
Does the following help to clarify?
A tab panel user interface is implemented within a delivery unit. The tab
panel consists of 5 tabs, each with a different title and content. For
example, US News, World News, Weather, Entertainment, and Humor. As the
user navigates from tab to tab using the arrow keys, the contents of the
delivery unit are updated to reflect the selected tab. For example, when
the user navigates to the Humor tab, A short account of an interesting or
humorous incident is made visible in the tab panel, replacing the previous
contents of the panel. This is the expected behavior of a tab panel user
interface. The tab key can be used to navigate from the tab panel control
to other elements on the page.
Becky Gibson
Web Accessibility Architect
IBM Emerging Internet Technologies
5 Technology Park Drive
Westford, MA 01886
Voice: 978 399-6101; t/l 333-6101
Email: gibsonb@us.ibm.com