Keyboard issues in Mobile Menu

  • Resolved shaynaprod

    (@shaynaprod)


    1 year ago

    I’m currently building a site (not finished or really open to the public yet) and am having difficulties using a keyboard on your menu.

    I’m having an issue with accessibility with the Responsive Mobile menu plugin (free version). Specifically, it does not allow tabbing through the entire menu and will not tab down to search.

    WCAG requires that anything that can be done with a mouse be available through a keyboard. Since I can’t get through to the search menu, that means it fails accessibility. (I’m an accessibility consultant, can help you if necessary).

    I also note that when I am logged in, no matter how I set the submenus, I cannot tab through them without them opening.

    Is this only available through Pro? I’m willing to purchase it if it truly is keyboard accessible

    Thank you

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

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

    (@sumitsanadhya)

    Dear @shaynaprod,

    I hope this message finds you well.

    Thank you for reaching out to us. In order to assist you effectively, could you please provide the RM (Responsive Menu) version you are currently using?

    Your prompt response is appreciated, and I look forward to assisting you further.

    Best regards,
    Sumit

    Thread Starter shaynaprod

    (@shaynaprod)

    Apologies for the slow response, I have been traveling. The RM version is 4.33.

    Thread Starter shaynaprod

    (@shaynaprod)

    I’ve narrowed the issue down to the jQuery in rmp-menu.js (specifically the event.preventDefault() on line 189. When that is removed, the keyboard will reach the search input.

    I’ve noticed another accessibility issue regarding the keyboard. Tabbing each parent automatically opens it and requires the user to tab through each link. This requires a user to tab multiple times to get to where they are going. A better way to navigate would be to have the tabs navigate to the parent menu and have an ENTER keydown expand it, then allow the tabs to move through when a user wants to.

    Keep in mind that screen readers will allow a user to move through the links easily and gives extra help to blind users, but someone only using a keyboard, while still retaining their sight, will be continually forced to go through a series of links they may not be interested in and have no way to reach the search input.

    Hope this helps

    Sandra Clark
    Shayna Productions

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Keyboard issues in Mobile Menu’ is closed to new replies.