Hamburger menu in mobile theme: no keyboard focus

  • av1277

    (@av1277)


    4 years ago

    Hi!

    We are using the masonic theme Version: 1.3.5 on our team blog and having recently joined the team I have started looking at improving the accessibility so that it can meet WCAG 2.1 AA at least. I’ve been able to make most of the changes I needed by customising the CSS, but now I’m stuck.

    When the mobile theme starts around 800 px, the main site-navigation collapses and a hamburger menu appears to open it.

    You can interact with hamburger using the mouse, but not with the keyboard. This means that the theme fails WCAG 2.1.1 Keyboard.

    I’ve replicated this on the demo site as well.

    I don’t believe this is something I can fix using the additional CSS option. I would really love to hear any suggestions on how to make the hamburger menu in the mobile theme usable with keyboard navigation.

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

Viewing 1 replies (of 1 total)

  • Hi @av1277 ,

    We appreciate you writing in,

    The interaction of the hamburger menu with keyboard is currently not possible. The feature has not been included in our theme for now. We apologize for any inconvenience this may cause you. Please write us back if there are any further queries.

    Regards,
    ThemeGrill Support Team

Viewing 1 replies (of 1 total)
  • The topic ‘Hamburger menu in mobile theme: no keyboard focus’ is closed to new replies.