W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > January to March 2013

Re: Keyboard Accessibility of Drop Down Menus

From: Thierry <ng@tjkdesign.com>
Date: Wed, 2 Jan 2013 21:50:14 -0800
Message-ID: <CAL-Q1XzSzs-oOa4zbiju7Zx7zu0CB6Z2SO4x0mFRWwutBAuYjA@mail.gmail.com>
To: "Patrick H. Lauke" <redux@splintered.co.uk>
Cc: w3c-wai-ig@w3.org
Hi Patrick,

> Do you have some example markup+css? The main problem I've always
> encountered is that, unlike :hover, :focus is lost as soon a user tabs into
> a child element, thus immediately hiding the submenu as soon as you move
> away from the main item that triggered its display. I've found no way around
> this other than using extra JS to "keep" the submenu open via an added class
> injected to the main item.

Take a look at this fiddle: http://jsfiddle.net/thierrykoblentz/uWqBB/

The idea is to force the parent item to *drop* which moves the
sub-menu below the top item even though you tab from one sub-link to
the next.

--
Regards,
Thierry
Received on Thursday, 3 January 2013 05:51:20 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Thursday, 3 January 2013 05:51:20 GMT