View Full Version : Web Menus (DHTML) and Accessibility Guidelines

02-21-2003, 07:35 PM
I am creating a site that is required to follow Web Content Accessibilty Guidelines (Bobby)

At the same time, I have a large number of categories I'd like to have accessed via a navigation bar on the top of the page, and with drop down menus (DHTML) to sub-categories.

After recieving the Accessibility Guidelines, I don't see how drop down menus can at all be used in compliance.

Any suggestions?

02-21-2003, 07:59 PM
This is a problem with most DHTML effects. However, you can still have accessible menus. :)

The deal is, you use nested <ul>'s - so that browsers that may not understand it will still see a logical order of links. You can go for pure CSS from here, using :hover on the li's, which means something like Gecko/KHTML/Opera-only (IE will see the entire tree), or can use some Javascript in conjunction to make IE see the menu as well.

An example of that system in place:


An explanation for pure CSS menus:


And another implementation of hybrid CSS/DHTML menus using behaviors to make up for IE:


02-21-2003, 08:35 PM
ah, nice.

Thank you very much.

03-04-2003, 07:05 PM
How about using such menus with non-CSS browsers?

I wonder if I should use pure javascript menus, but perhaps I'll run into problems with accessibility guidelines.

Here is a dropdown menu scheme that I'm pretty sure plays well with CSS, non-CSS browsers and accessibility apps:

Any opinions about that menu? I wish the menu could be first actived (displayed) with a mouse-over rather than a click (I see this is the case on Mozilla and IE). Also, in Netscape 4.5 the menu appears a <UL> list.

Thanks for your help.

03-04-2003, 08:34 PM
That's exactly what you want - the links jkd posted are variations of the same core idea.

So browsers which don't have the CSS/javascript support to build the menus, get the plain unorderdered list; a heirarchical list of links is semantically equivalent to dropdown menus, and navigable to all user agents, right back to Lynx, and of course speaking browsers, and other non-visual user-agents. Bobby will smile at that :)

03-04-2003, 08:46 PM
Great, thanks for your comment brothercake. I've been playing with Dave Lindquist's menu (grazingus.org) and it is pretty simple to customize.

EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum