Image field binding and responsive output
For Collection images, check the binding to the appropriate Alt Text field. A well-kept field remains ineffective if the image in the template does not use it.
Compare the image and alt text binding in the collection template with the specific item. An empty alternative text may be due to missing content data, while an overly large file is created by the selected output.
Where to check the setting in Webflow
Control the image source and the alt text of the concrete element, in the case of CMS content also its field binding. After that, check the actually loaded responsive image variant. An empty collection value can affect several otherwise correctly constructed image instances.
Example of this specific finding
Illustrative control case: An image explains the connection of a device but does not have an alt attribute. A purely decorative background wave, on the other hand, does not contain any additional information.
<img src="anschluss.webp" alt="Netzkabel am linken Anschluss einstecken">
<img src="dekorative-welle.svg" alt="">follow-up audit in Webflow
Check a completely and an incompletely maintained item on a narrow screen. Check loaded variant, reserved area and text alternative separately.
Provide a concise suitable alternative for the informative image. Decorative img elements with empty old; take into account the link function for linked images.
Derogations and scope
An empty old is intended for decorative pictures and may not be corrected as missing content.
Reference: Websites published on Webflow and CMS Collections. Exported HTML or an upstream own proxy layer may have other responsibilities.
Classify the general error
Definition, system-independent causes and further correction examples: Treat informal and decorative images separately