WebAIM - Web Accessibility In Mind

E-mail List Archives

Help deciding on text to provide context to a tabstrip

for

From: E.J. Zufelt
Date: Aug 14, 2010 10:30PM

Good evening all,

I'm looking for some help figuring out helpful and meaningful text for a user interface control in Drupal.

On some pages we have what is functionally a tabstrip. It is structured as an unordered list of links, with the currently active tab being indicated with the text (active tab).

Example code:

<ul>
<li><a href="/1">View</a></li>
<li><a href="/2">Edit (active tab)</a></li>
<li><a href="/3">Track Changes</a></li>
</ul>

It would be read as
View link
Edit (active tab) link
Track changes link

I am certain that for some new users the (active tab) text alone will not be sufficient to indicate that this is a tabstrip (where one and only one item can be selected). Additionally, there can sometimes be a secondary tabstrip, with tabs that are related to the active tab in the primary tabstrip.

I am wondering if you have any suggestions for what additional text we can use before the list of primary and secondary tabs to better provide meaningful context for the purpose of the two lists of tab links?

Thanks in advance,
Everett Zufelt
http://zufelt.ca

Follow me on Twitter
http://twitter.com/ezufelt

View my LinkedIn Profile
http://www.linkedin.com/in/ezufelt