|
| |
|
|
William Lee
Posts: 1041
Joined: 1/25/2002
From: Singapore
Status: offline
 |
DHTML menu - 10/23/2007 8:44:34
In general, are those javascript DHTML menu compatible with Accesibility? I am asking because it seems Expressions Web has done away with the Navigation view and has not incorporated any menu generator, why even Coffeecup has a free DHTML menu generator.
Just thinking over the top of my head...
_____________________________
William Lee
|
|
|
|
Tailslide
Posts: 5915
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
RE: DHTML menu - 10/23/2007 10:32:12
Generally speaking, no they're not very accessible. Quite often they're not keyboard navigable, god knows what a screen reader would make of them plus they can often disappear completely without JS on.
For single line vertical or horizontal menus it's best to use a styled list.
For dropdowns/Flyouts there are a couple of accessible possibilities - not always free.
The Accessible version of the old Son of Suckerfish is a plain CSS menu with a few hacks to make it work in IE6 and other old browsers. It's simple but it works quite well.
I've used a Javascript menu by Helix designs which is keyboard navigable plus with JS off it reverts to a CSS menu. It uses semantically correct code too which is a bonus. Only issue is in IE6 and under where with JS off you end up only able to use the top level menu items. To get around this I tend to include a list of the "child" pages on each top level page.
UDM4 is the most famous accessible dropdown system - unfortunately, not free though.
The lovely John Faulds has summarised the pros and cons of many of the most well known menus here: http://www.tyssendesign.com.au/articles/css/dropdown-low-down/
The questions to ask yourself when looking at a menu system is:
1. Can I move through the menu using the keyboard (tabbing on a PC)?
2. Are they "real" links (preferably in a list) and can screenreader read them?
3. If they use JS, what happens with JS off?
4. If they use fancy CSS, what happens with older browsers?
5. What happens with images off (if they use images) - are the links still visible?
The other thing to remember is that you don't need to necessarily exactly reproduce the same experience in all browser states (i.e. with JS off) for instance, you just need to ensure that the site works and is fairly simple to get around. So I'm not too bothered about presenting older browser users with a simpler version of a menu - as long as it works.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
mtfm
Posts: 414
Joined: 1/13/2006
From: Mesa, AZ
Status: offline
|
RE: DHTML menu - 10/24/2007 11:39:04
I use the accessible son of suckerfish, and it works quite nicely, I like it a lot.
It's actually quite simple behind the scenes, adding a new item/level/etc is amazingly easy-- it's one of the rare times when making something accessible to the user is probably easier than not doing so.
As the article mentions, the biggest drawback is that one can use both their mouse and keyboard to have two dropdowns open at once, but to my knowledge that has never come up with any of my users. (At least no one ever thought it 'odd' enough to mention to me!)
_____________________________
Is this possible? How about this? What about....?
| |
|
 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 
