If you must use a dropdown menu, make sure it’s keyboard friendly

Dropdown menus (a.k.a. flyout or DHTML menus) are not on my personal list of favourite features to use on a website. Many others seem to like them though, and that’s fine as long as such menus are implemented in an accessible way, which to a large extent means making them keyboard friendly.

Unfortunately, most dropdown menus I come across in the wild are not keyboard friendly. A couple of common examples:

Next time you implement a dropdown menu, please make sure to avoid these problems.

Further reading on this subject:

This post is a Quick Tip. Background info is available in Quick Tips for web developers and web designers.

Posted on December 21, 2009 in Accessibility, Usability