[Edit on 2010-01-21:
I have found four recent projects that attempt to create accessible tabs.
- Mr. Ginader’s article: jQuery Accessible Tabs – How to make tabs REALLY accessible. (Published February, 2009.)
- Mr. Ginader has made available a demo of his project.
- The latest project code is located at GitHub / ginader / Accessible-Tabs.
The Yahoo User-Interface Team developed an “Accessible Tab View” described by Ian Pouncey as using WAI ARIA to a great degree, and as including instructional text for screen reader users.
- Mr. Pouncey’s article: Accessible Tabs in the new Yahoo Homepage – recreated with YUI3 and WAI-ARIA. (Published October, 2009.)
- The Yahoo Developer Network provides a demonstration.
- The latest code and instructions can be found in: Focus Manager Node Plugin: Accessible TabView.
A project by Felix Nagel supports “… AJAX, collapsible content, open on mouse over …” and “… tabindex …”. Its WAI ARIA features are “… labelledby, aria-role, aria-hidden, aria-expanded, aria-selected …” and “… aria-controls …”.
- Mr Nagel’s article: jQuery UI Tabs made accessible (written in German). (Published November, 2009.)
- Mr. Nagel has demonstrations of the various versions.
- The latest project code is located at GitHub / fnagel / jQuery-Accessible-RIA.
Another project, by Jon Plante, is described by him as “… search-engine-friendly, handicap-accessible Ajax tabs using MooTools and PHP …”.
- Mr. Plante’s article: Accessible Ajax Tabs With MooTools. (Published May, 2009.)
- The latest code is located in Tabs in MooTools 1.2.
Project Shortcomings, At Least For My Purposes
- They use tabs that link to content on the same page. In Mr. Ginader’s article, in response to a comment asking if tabs could be linked to separate pages, he says it “… would be a big accessibility problem …” and that it “… will never be implemented …”.
- None have drop-down menus for their tabs, nor do any of the other projects I found.
I found other jQuery projects that were similar to the above-described ones. I also found many older, related projects that use now out-of-date techniques. If you know of a recent source for accessible tabs, especially that have drop-down menus, please contact me or post a comment. Thank you.
Tags: Web Accessibility