WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: keyboard navigation of menus

for

From: Ken Petri
Date: Jul 31, 2013 10:15AM

Another worth looking at is the one that is part of the Canadian
government's WET toolkit:

http://wet-boew.github.io/wet-boew/demos/menubar/megamenu-eng.html#

Very sophisticated keyboard controls for the mega-menus and works well with
a screen reader. Also is responsive, if you're going for a RWD. Uses jQuery.

- ken



On Wed, Jul 31, 2013 at 9:59 AM, < <EMAIL REMOVED> > wrote:

> Terrill Thompson has a blog post of excellent
> examples that use a combination of tab plus arrow:
>
> http://staff.washington.edu/tft/tests/menus/
>
> I'm personally a fan of
>
> http://staff.washington.edu/tft/tests/menus/yui3/index.html
>
> And I am about to start using it on a production site. Keep in
> mind I am going to have to make a clear documentation of how they
> work and link to it from somewhere on the page about
> accessibility, because users won't expect this behavior. I like
> how this one works in both keyboard and screen reader.
>
> -Deborah
>
> On Wed, 31 Jul 2013, Jon Brundage wrote:
>
> > Hello Group-
> >
> > In the situation where a web site has a main menu bar which opens
> submenus, is there any consensus on the desired behavior for the visual
> keyboard user? Is it better to have the TAB key move through all the items
> sequentially, have special commands to open the submenus, or go to the
> parent pages and navigate to the sub-content from there?
> >
> > Opinions appreciated! Thanks
> >
> > Jon
> > > > > > > >
>
> > > >
>
>