mozilla/tabzilla — pull request #23 by icaaq (2012-05-11 12:33:24+00:00)
Title: [Bug 750268] The content inside of #tabzilla-contents should not recieve focus when tabzilla is closed

This pull request hides the content inside of #tabzilla-contents, it will make it much easier for keyboard users to navigate the page when the tabzilla is used, when the page has loaded and the user tab once, then the focus will be targeted on the visible tabzilla-button. Not on 15 links + 1 input field that are "hidden" for these users.

If the user clicks the tabzilla-button, the tabzilla section opens and the taborder will begin at the first link in that section. If the user wants to close the section again you can click enter again (before you have tabbed) or press the esc key whenever.

I've also added title and some aria-attributes to make the open/close states more clear for screen reader users. These titles are up for debate maybe ;)

Last but not least I've added a off screen positioned label for the search field so screenreader users understans what they are supposed to type in that input field.

For "regular" mouse users the behavior will be exactly as before.

It all can be tested here http://icaaq.com/sandbox/mozilla/tabzilla.htm