Recently I wanted to create a content box that would use tabs to organize a few sections of text. Here were my requirements:

1. Tabs oriented vertically (you can easily customize my example to be horizontal)
2. HTML be semantic, logical and gracefully degrade
3. Be easily accessible to screen readers
4. Easy to implement and portable
5. Works in IE, Firefox & Safari

I started by looking on the web for pre-existing examples of this and found a lot of things that worked well, but when you looked under the hood they were a mess.
Continue reading Creating a Semantic Tab Box — Without AJAX →