Accessible alternative to Drop-Down Menus? (Full Version)

All Forums >> [Web Development] >> Accessibility



Message


Nicole -> Accessible alternative to Drop-Down Menus? (8/24/2005 3:54:09)

One of the sites I maintain has a Webstyle 4 drop-down menu with probably about 50 or so page links within the drop-down menus. I realise this type of site navigation can cause accessibility problems if an alternative list of page links isn’t also provided, so I’d like to place them just above the page footer, but….

…some of the titles in the drop-down aren’t actual page links, they’re titles only and have a right arrow next to them which opens a new expandable list of page links. I know I can’t put those titles in the navigation at the bottom of the page if they’re not actual links, but putting all the page links that run off each title could see about 50 links at the bottom of the page, and might look a little odd and also may seem confusing.

An example of what I mean is www.gendercentre.org.au/index1.htm where in the navigation menu bar, under “Resources” they’re all links except “Papers” which expands to give a list of papers. It seems strange to me that at the new navigation near the footer, I’d have all the other links under “Resources”, and then just a list of papers?

Does anyone have a solution for this, or could explain a little about the accessibility protocol for providing alternative navigation menus in this manner?

Thanks

Nicole




Tailslide -> RE: Accessible alternative to Drop-Down Menus? (8/24/2005 4:12:32)

Dropdowns can be a nightmare - there are some accessible ones out there (Brothercake does one but it's not free!). When I say accessible with reference to dropdown menus by the way - I mean ones that can be tabbed through and are still visible (Suckerfish can be tabbed through but you can see them).

What I'd do is to have a gateway page for each section so that if the top level menu item is chosen then you go to another page with accessible links on it. That way all pages can be "got to". I'd do the same with the bottom nav - have the top level choices (including Papers) going to gateway pages with links from there.

You've got an Overview page for each item already - apart from the list of Papers. But I'd make the top level choice also go to the Overview page and have the other links from there.





womble -> RE: Accessible alternative to Drop-Down Menus? (8/24/2005 7:58:50)

I was having the same problem with a site that has multi-level navigation. My initial feeling was to go for drop-downs, but in view of the accessibility problems and hassles getting it to work right in css, I dropped that. I eventually went for tabbed pages. There's a couple of examples here, and there are some in Listamatic as well

Tab test pages

CSS tabs : Kalsey Consulting Group

Silverorange simple css tabs

There's also a css drop down menu I stumbled across recently, but haven't tried out yet - Drop Down Llama Menu




Tailslide -> RE: Accessible alternative to Drop-Down Menus? (8/24/2005 8:06:49)

I hadn't seen that silverorange one - thanks for posting that Womble!

The Llama menu can't be tabbed through unfortunately - but it looks really pretty!




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.0625