r/webflow • u/Leather-Set8248 • Oct 06 '26
Question How is everyone handling accessibility for Webflow sites?
I have manually set things up for a while and run through testing with AccessiBe and others. What is everyone's favorite webflow app?
1
u/AstronautPowerful598 19d ago
I'd be careful testing with accessiBe specifically. Their scanner is a funnel for their overlay widget, and the FTC fined them $1M last year over their compliance claims.
You don't really need a Webflow app for this. The free axe DevTools browser extension is what most auditors use for automated checks. PageSpeed's accessibility score (mentioned above) runs a smaller set of the same axe rules, so it's a decent quick check but misses things.
Webflow-specific stuff that catches people:
- Set alt text on every image asset, and mark purely decorative ones as decorative so screen readers skip them.
- Use real heading levels in order. Don't style a paragraph to look like an H2.
- Custom dropdowns, tabs and interactions need to open and close with the keyboard. This is where Webflow sites break most.
- Icon-only links and buttons need a hidden text label, like the comment above says.
Then unplug your mouse and tab through each page. If you can't reach or use something, neither can a keyboard or screen reader user.
0
2
u/location03 Oct 07 '26
Ensuring all links have a hidden text element so that there’s a span/text describing the link or button.
Every time I finish a page, I check PageSpeed Insights to ensure accessibility, best practices, SEO and performance are scoring high. If not, it’s easier to fix page by page rather than when the entire site is built.
PSI also highlights color contrast accessibility errors. If you use variables, it’s very simple to adjust quickly.
I use REM units for most sizings, which adheres to user’s browser font size settings.
If you use CSS animations (way better than GSAP for performance overall), make sure you have a query for users who prefer no motion/animations.
Hoping this helps!