I’ve been working hard on creating an accessible navigation within Webflow. Hopefully they update the native one soon!
The requirements I set myself were:
- User can skip navigation with a “Skip nav” link
- User can tab through the nav and any dropdowns, mobile navs that appear
- Aria labelling makes sense
What I couldn’t do was to make the mobile nav menu an overlay as there currently isn’t a crossbrowser friendly solution for disabling background scroll when opened. Instead I’ve opted for a relatively positioned nav menu.
Take a look and let me know your thoughts!