WCAG 2.0

  • Resolved teisha21

    (@teisha21)


    3 years, 9 months ago

    I’m implementing this plugin on a new site and wondering if there is a way to disable the menu items opening when you tab to them? That way if a keyboard user wants to get to the last menu item they don’t have to tab through everything.

    Additionally, I don’t want to be able to tab through the menu items on mobile. Currently I am tabbing through the entire menu even when I don’t have the hamburger menu open.

    The page I linked to seemed like someone had figured this out already so curious if you could help.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi teisha21,

    To prevent the sub menus from automatically opening you’ll need to use the “Disable Link” option (you can see this behaviour on the demo menu on megamenu.com). That frees up the “Enter” key to open and close the sub menu.

    Even if you do have a link there, no matter where you are focused you can always press the left or right arrow to skip to the previous/next top level item.

    Regarding the mobile menu, I assume you have disabled our toggle bar (otherwise it will only open when the user tabs to the hamburger and presses enter) so I think you’ll have to ensure that the mobile menu is displayed as soon as it is tabbed to, or figure out some custom JavaScript to capture tab presses and get it to skip over the menu.

    Regards,
    Tom

    Thread Starter teisha21

    (@teisha21)

    Hi Tom,

    Found the “Disable Link” and that fixed the desktop tabbing but still have an issue with the mobile. We don’t have the toggle disabled and we are using the Animated Menu Toggle Settings. Looks like I cannot share a screenshot on this forum but if email would be a better option please let me know.

    Thank you,
    Teisha

    • This reply was modified 3 years, 9 months ago by teisha21.
    Thread Starter teisha21

    (@teisha21)

    The hamburger menu does open if I tab and press enter but I want to get to a search button I have after the hamburger. How it’s setup right now, I have to tab through ALL of the top-level menu items even if the hamburger menu isn’t open.

    It looks like the tabbing is working as expected on your demo but curious how you have that setup to work correctly?

    Thread Starter teisha21

    (@teisha21)

    This is what I did to fix the issue I was having. 

     #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
display: block;
}
#mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
      display: none;
    }
    • This reply was modified 3 years, 9 months ago by teisha21.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘WCAG 2.0’ is closed to new replies.