WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: mouseover/hover and keyboard accessible expandablemenu?

for

From: Al Sparber
Date: Nov 6, 2009 9:20AM

From: "Jason Megginson" < <EMAIL REMOVED> >
To: "'WebAIM Discussion List'" < <EMAIL REMOVED> >
Sent: Friday, November 06, 2009 10:37 AM
Subject: Re: [WebAIM] mouseover/hover and keyboard accessible
expandablemenu?


> HTML Dog is an excellent source for clean HTML and CSS. However, I would
> improve upon their example by including an onFocus event so the sub-menus
> appear when keyboard focus is present on the parent menu item and as the
> focus is on the sub-menu items as a user tabs.
>
> This provides accessibility to sighted and non-sighted keyboard users.

It also forces keyboard users to have to tab through all sub-menu items,
which presents usability problems tabbing to fifth root item when there are
40 sub-menu items in the way :-)

The most accessible *and* usable menus of this kind are ones in which the
sub-menus are not available to keyboard or non-sighted people, but which
instead include links on the root items to "landing" pages, from which links
in the relevant sub-menu are present in the flow of the document's visible
content areas.

--
Al Sparber - PVII
http://www.projectseven.com
Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/apm
An Accessible & Elegant Accordion