Streaming live at 10am (PST)

Open hambureger menu with keypress


#1

Hi folks.

In compliance with WCAG2 I’m trying to make the hamburger menu for the site’s navbar accessible for users whom rely on their keyboard for navigation.

I see that the Menu Button is not an link, but a div, so it does not respond to keypress (Enter) when the element get focus (tabindex).

I’m trying to create a code in JQuery to automatically trigger a click on the Menu Button once the Menu Button gets focus, so that the mobile menu collapses downwards as it would do if the “button” was clicked by the user.

Can any code guru help me please?

Thanks!


#2

Welcome to the Webflow forum!

Could you please edit your post Screenshot_2017-08-16_140811 and provide ALL the necessary details in your post so we can take a look at your site/issue?

If you want faster replies and more accurate answers, it is recommended that you put in a bit more effort to include all the details listed in this link, so that forum members don’t have to waste time following up with you to request more information.

Hope to hear from you soon. Thanks!