Nav dropdowns + tabs do not work using the keyboard

Hi there,

I have a couple accessibility issues I would love help with. I have looked around and haven’t quite found any answers.

  1. In the main navigation, the items within the dropdown are not being highlighted with the focus outline when using the keyboard. I did add some custom code to make the dropdowns open on “tab”. I thought this was something Webflow recently fixed but it does not seem to be working.

  2. All pages with tab elements are not working while use the keyboard. First, the tabs do not get highlighted with the focus outline. Second, if you do navigate to another tab, you get stuck in a loop (using the up/down arrows) between tabs.

Any help is much appreciated!!


Here is my site Read-Only: https://preview.webflow.com/preview/the-rickey-foundation?utm_medium=preview_link&utm_source=designer&utm_content=the-rickey-foundation&preview=9e69766033ba0c11814ac607f5ab1655&mode=preview

1 Like

Did you ever solve this issue? any tips or ideas how to go about it?

Sorry, never figured this out. I know Webflow is working on accessibility: https://webflow.com/blog/accessibility-at-webflow