Accessibility of Click Dropdown Menus

  • Hey – wondering if there’s an easy way to adjust the dropdown menu functionality when set to “Click – Menu Item”. I’m starting to think this is the better menu pattern, as opposed to the traditional dropdown on hover.

    However, the way that the click dropdowns are implemented in GeneratePress seems like it has a11y issues. Mainly, the parent menu item has an anchor tag with an href attribute that is not clickable.

    I’m wondering if there’s a possibility that the theme devs will read this and improve the js behind this function. Maybe something like this:

    https://codepen.io/mrwweb/pen/pXqKZO

    He converts the parent anchor tag to a button using js.

    I’m sure I could tackle this for my particular child theme, but I thought I’d put it out there for the devs.

Viewing 1 replies (of 1 total)
  • Theme Author Tom

    (@edge22)

    Hi there,

    That’s funny, I read that article a couple of days ago. I also prefer a click dropdown to hover.

    It’s definitely something I’ll be taking a closer look at. I know having an empty href or # as the href isn’t ideal. If we’re able to pull it off in a backward-compatible way, we’ll definitely do it ??

    Thanks!

Viewing 1 replies (of 1 total)
  • The topic ‘Accessibility of Click Dropdown Menus’ is closed to new replies.

Tags