How to fix image alt on Webflow
Add descriptive alt text to every meaningful image, and mark purely decorative images with an empty alt attribute or role="presentation".
Steps for Webflow
- Select any image element on the canvas → in the right-hand Element Settings panel (the gear icon), find the 'Alt Text' field → type a description.
- To mark a decorative image, check the 'Decorative image (no alt needed)' checkbox in the same panel — Webflow will output alt="" automatically.
- For CMS-driven images (e.g., product photos from a Collection): in the CMS Collection settings, ensure you have an 'Alt Text' plain-text field → bind the image's Alt Text property to that field in the Designer.
- Run Webflow's built-in Accessibility Audit (Audit panel → Accessibility) to see a list of all images flagged as missing alt text.
What is image alt?
Every `<img>` element on a web page should carry an `alt` attribute that describes what the image shows or does. This text is read aloud by screen readers for visitors who are blind or have low vision, and it appears in place of the image when it fails to load. Meaningful images (products, banners, infographics) need a short, accurate description. Purely decorative images (background shapes, dividers, icons used only for visual flair) should have an empty `alt=""` or `role="presentation"` so screen readers skip them entirely. WCAG Success Criterion 1.1.1 "Non-text Content" requires this for all conformance levels (A, AA, AAA).
Missing alt text directly harms your store in three ways. First, it excludes customers who rely on screen readers — they cannot understand what your products look like, which damages conversions and exposes you to legal risk under accessibility laws (ADA Title III in the US, EAA in Europe, AODA in Canada). Second, search engines like Google read alt text to understand and index your images; missing alt text means your product and category images are invisible to image search, costing you free organic traffic. Third, automated accessibility audits flag missing alt text as a critical failure, and regulators, plaintiff attorneys, and audit tools surface it prominently — making it one of the highest-priority issues to address on any ecommerce site.
See the complete Image alt guide for every platform and the full background.
Not sure if your Webflow store has this?
Run a free SEOLZ scan — we’ll find image alt and every other issue across your whole site.
Scan my site free