Re: Keyboard Accessibility of Drop Down Menus

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 UTC