|
| |
|
|
Nicole
Posts: 2954
Joined: 9/15/2004
From: Sydney, Australia
Status: offline
 |
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
_____________________________
". . . and God created man in his image." errr, shouldn't that be "and man created God in his image'?
|
|
|
|
womble
Posts: 5969
Joined: 3/14/2005
From: Living on the edge
Status: offline
|
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
_____________________________
~~ "A cruel god ain't no god at all" ~~
~~ Erase hate. Practice love. ~~
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
