Home › Knowledge base › By system

Accessibility with Webflow

In Webflow you build the markup yourself. That allows very clean, accessible pages — but only if you take care of semantics and states.

Common places for findings

<div> buttons instead of real <button> elements, interactions and animations without prefers-reduced-motion, form fields without a linked label, decorative images without an empty alt, too low text contrast from the style panel.

First step

Choose semantic tags in the Designer (Button element, heading tags), set focus styles globally, give interactions a “Reduced motion” variant, link form labels, scan the source code.

How a11yglass helps

The free scan checks the delivered HTML and CSS for automatically recognisable WCAG breaches, and names per finding the success criterion and a concrete step. It finds roughly 20–35% of issues and does not replace a full assessment.

Read on

• Keyboard operation per WCAG 2.1.1
• Visible focus per WCAG 2.4.7
• Motion per WCAG 2.2.2 / 2.3.3

General information to the best of our knowledge, not legal advice. For an individual case, contact a law firm specialising in IT law.