Simian Design

January 13, 2004

Accessible Drop Down Menu

Clagnut has written a very nice post on his accessible contents menu. It's a JavaScript-driven drop-down menu that's accessible. Which is slick. He uses semantic markup, CSS, and JavaScript to accomplish this. Basically, if the browsers don't support @import will see a list. If they do render the style sheets, but not in a DOM-capable browser, the list and the skip-nav link will be displayed as a horizontal navigation bar. And if they do support @import and have a DOM-capable browser, a seperate style sheet is imported, which hides the list. A 'click' on the button shows the list, but keyboard commands will also work. Very nice. And an excellent post outlining the steps taken to acheive this. All the source material is there to reverse-engineer it, as well has his explanations.

Post Info

Tagged As CSS, Coding, HTML, Javascript, Usability

Comments are Open (0)

Posted at 11:16 AM