HOVER MENU ACCESSIBILITY

[sadunaresh]

hi,

I have added a hover menu to my site, but my client is strict on accessibility terms.

I was able to make hover menu display on focusing menu item, but the items in menu are not accessible using keyboard.

is there a css-only solution? because site should work on no-js clients too..

in case if css-only solution is not possible, please point me to suitable resources…

Thanks in advance for your help… :)

[Paulie_D]

What have you tried so far?

Can you show us a link?

Are you using :focus or :target?

http://stackoverflow.com/questions/6267760/html-hover-css-menu-and-accessibility

http://www.sitepoint.com/15-rules-making-accessible-links/

[dazzle89]

I guess that you forgot to use :focus.

Maybe you just used :hover on your dropdown menu to open it when the user hovers it, but you also need to use :focus to make it accessible for keyboards too.

[Author]

Posts