Site Accessibility Help

[pritchettnick (Nick Pritchett)]

Hey, peeps!

ltco.webflow.com

I have a client that needs a bunch of accessibility features in their site. Keyboard navigation, high contrast, text size changes.

1 - Has anyone had luck with setting up text size changes and high contrast features on their site? How did you accomplish it?
2 - What is keeping my site from being able to be tabbed through currently? It hits the logo in the top left and that’s it. Any advice?

---

Here is my public share link: https://preview.webflow.com/preview/ltco?preview=ece15232e610886486bb36e85e0f288d

[Siton_Systems (Ezra Siton)]

• Font sizes: use ems
  Input values and units | Webflow University

• Use HTML5 tags (main, footer and so on)
  https://webflow.com/blog/html5-semantic-elements-and-webflow-the-essential-guide

• Also you can add ARIA and other attributes like this:
  Custom attributes | Webflow University

About the keyboard - when i test this webflow homepage with keyboard (usingtabs) its also Skipping the dropdowns (so maybe this is a BUG with core Dropdown)

See related wishlist with this specific problem:
https://wishlist.webflow.com/ideas/WEBFLOW-I-862

Reference

For more control try to integrate some Third-party libary like this (change color and so on by widget)

Accessibility Buttons

Easy to integrate widget (never try this but its look nice):

UserWay | The Leading AI-Powered Web Accessibility Solution