The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › HOVER MENU ACCESSIBILITY
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… :)
What have you tried so far?
Can you show us a link?
Are you using :focus or :target?
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.