Nav menu does not work for accessibility

  • Resolved janehaselden

    (@janehaselden)


    3 years, 5 months ago

    I’ve created a site using Astra and created a Header in Elementor Header and Footer Builder. This includes a navigation menu using the Navigation Menu option from the Header and Footer Builder.

    We’ve just been audited for accessibility (WCAG2.1AA) and have failed due to this menu. The information given is that when you zoom into 400%, the navigation menu is not accessible by keyboard.

    The hamburger icon is focusable and activates on tabbing to it, but there is no way to access the dropdown menu items. I have tried using the arrow down on the keyboard to access them, but nothing happens except the screen moves upwards, also tried tabbing to them, but that just closes the menu and I have also tried ‘Enter’ which does nothing.

    I also took a stab at using the standard Navigation Menu from the Elementor Pro widgets rather than the one from the Header and Footer builder, but this doesn’t even let you open the hamburger!

    We are being monitored by the UK Government on this issue, so it’s very critical and could involve a lawsuit if we do not fix it.

    In the link I’ve sent – the first menu is built using the standard Elementor Pro Nav Menu Widget and the second one is using the Navigation Menu in the Elementor Header and Footer Builder.

    I hope you can help.

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

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello?? @janehaselden

    Sorry for the delay in response.

    The navigation menu from the Header footer Elementor is accessible – Video

    However, when I checked on the zoomed window, the submenus are not accessible. We have also added this to our task so that we can take a look at improving this.

    Have a nice day! Stay safe!

    Hi,

    I’m working with the Mind Tech elementor kit, and am having the same issue. Is there a solution?

    Hello @meetmichael,

    Please create a new topic and please provide us additional details on how to recreate so that we may better assist you.

    It would be fantastic if you could record a brief video describing the problem you encountered. You can create a new support ticket here https://brainstormforce.com/open-a-ticket/. So that our team of developers can help you.

    I anticipate hearing from you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Nav menu does not work for accessibility’ is closed to new replies.