TIP 94

Use unordered CSS Drop-Down navigation Arrays

You can have dynamic dropdown menus on your site that meet accessibility requirements.

Just be sure to employ a system that uses CSS and Javascript (instead of pure javascript & HTML tables) and unordered lists as a means of generating the fancy drop down navigation on your website.

Then, if javascript is disabled, or the style sheet is removed, the lists that make up your navigation array collapses gracefully into a list of simple links.

Just be sure and include that 'skip links' link if your lists are long or repeated page to page.

Remember, with Drop down menus:

• Drop-down menus are generally fine but the JavaScript triggering them can cause some problems for users with screen readers and screen magnifiers.
• A <noscript> alternative is necessary.
• The options offered in a drop-down should be repeated as text links on the same page, so use unordered lists with CSS to develop your menu.

NEXT > .< BACK