There are clear guidelines on how to make menus accessible which
includes keyboard controls, focus management and correct use of ARIA
attributes. Much of this is documented in the w3c ARIA design patterns.
Here is a link to the menubar specific stuff:
http://www.w3.org/TR/wai-aria-practices/#menu
Implementing this really shouldn't be the responsibility of the page
author. Instead they should contact the developer of menu.js
http://www.menujs.net/
but it appears to have gone dormant, with the last update back in July
2009. So instead I would recommend going with another modern JS library
which would have this stuff baked in. There has been some work on a
number of libraries by the European AEGIS project, including jQueryUI.
You can find examples of a number of accessible widgets, including a
menubar, here:
http://access.aol.com/aegis/#goto_menubar
If they like Mootools, AEGIS has also fixed them up here:
http://www.accessiblemootoolsdemo.iao.fraunhofer.de/Mootools_Widgets/index.html
There is also Google Closure which is a bit high-end but their menu item
is also marked up with ARIA and all that:
http://closure-library.googlecode.com/svn/docs/class_goog_ui_MenuItem.html
Then, of course, the Yahoo folks have a dandy YUI library which has lots
of accessibility stuff baked in:
http://yuilibrary.com/yui/docs/api/modules/node-menunav.html
Of course one of the earliest accessible widget libraries was Dojo who
did a lot of the proof of concept implementation for ARIA thanks to IBM
throwing some of their good engineers at it:
http://dojotoolkit.org/reference-guide/dijit/DropDownMenu.html#dijit-dropdownmenu
And last but not least is some of the original research implementations
maintained by the University of Illinois:
http://test.cita.illinois.edu/aria/menubar/
CB
On 1/30/12 5:39 PM, Jonathan C. Cohn wrote:
Hello, Temple Rodef Shalom in NOrther Virginia just updated their web site and it has a
mouse over type of menu that uses a "menu.js" I can with some finagling pull
down the menus in the list, but it is very inefficient.
If somebody could look at http://TempleRodefShalom.org and give me advice as
to how to make aria landmarks indicate the menu or other tweaks that would make
the site work better with Voice Over (and possibly other screen readers) I
would appreciate the help.
Thanks,
Jonathan
--
You received this message because you are subscribed to the Google Groups
"MacVisionaries" group.
To post to this group, send email to macvisionaries@googlegroups.com.
To unsubscribe from this group, send email to
macvisionaries+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/macvisionaries?hl=en.
