How to fix images missing alt on Webflow

Steps for Webflow

1. In the Webflow Designer, click any image element on the canvas to select it.
2. In the right-hand Element Settings panel (the gear icon tab), find the 'Alt Text' field and type your description.
3. To mark a decorative image as decorative (empty alt), check the 'Decorative (no alt text needed)' checkbox — Webflow will output alt="" automatically.
4. FOR CMS COLLECTION IMAGES: Open the CMS Collection schema (CMS > Collections > [your collection] > Settings), ensure there is an 'Image' field. In the Designer, bind the alt text field to a separate CMS text field (e.g., 'Product Image Alt') by clicking the alt text binding icon next to the Alt Text input.
5. FOR ECOMMERCE PRODUCT IMAGES (Webflow Commerce): Go to Ecommerce > Products, open a product, scroll to each product image, and fill in the alt text field directly in the product editor.

<img src="border-collie-harness.jpg" alt="Black and white Border Collie wearing a red padded harness in a sunny park">

What is images missing alt?

Alt text (short for "alternative text") is a brief written description attached to an image in your website's code. It looks like this: `<img src="dog-collar.jpg" alt="Red leather dog collar with brass buckle">`. When a browser can't display an image — or when a screen reader reads your page aloud for a visually impaired shopper — the alt text is what gets used instead. Search engines like Google also read alt text because they cannot "see" images the way humans do; it is their primary clue about what an image shows.

Google explicitly uses alt text to understand image content and to rank pages in both standard search results and Google Images — missing alt text means your product and content images are essentially invisible to search engines, costing you organic traffic. For shoppers using screen readers (a legal requirement in many markets under ADA, WCAG 2.1, and the EU Web Accessibility Directive), images without alt text create a broken experience that can expose your business to accessibility lawsuits. On product pages specifically, descriptive alt text reinforces your target keywords in context, supporting your overall on-page SEO without keyword stuffing. Fixing missing alt text is one of the fastest, highest-return SEO and accessibility improvements you can make.

See the complete Images missing alt guide for every platform and the full background.