WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Accessible and Responsive Navigation

for

From: Birkir R. Gunnarsson
Date: Apr 1, 2016 2:00PM

That last example is not screen reader or keyboard friendly.
There is no indication for screen readers that putting focus on the
trigger displays a menu (aria-expanded attribute could be used to
enhance it, set it to "false" in its original state, have JavaScript
flip it to "true" when element receives focus and the submenu is
displayed.
Alternatively, keep the submenus visually hidden but available to
screen readers, then make them visible when the trigger element
receives focus.

There are no keyboard shortcuts for navigating through the submenu,
tab key has to be used.



On 4/1/16, Gijs Veyfeyken < <EMAIL REMOVED> > wrote:
> This might help?
> https://github.com/AnySurfer/dropdown
>
> It's based on Simply Accessible's CSS Dropdown Menu examples:
> http://examples.simplyaccessible.com/css-menu/option-2.php
>
> Kind regards,
>
> Gijs
>
> ---
> Gijs Veyfeyken
> AnySurfer - towards an accessible internet
> http://www.anysurfer.be/en
> Brussels - Belgium
> > > > >


--
Work hard. Have fun. Make history.