Bildfeld-Bindung und responsive Ausgabe
Prüfen Sie bei Collection-Bildern die Bindung an das passende Alt-Text-Feld. Ein gepflegtes Feld bleibt wirkungslos, wenn das Bild im Template es nicht verwendet.
Vergleichen Sie die Bild- und Alt-Text-Bindung im Collection-Template mit dem konkreten Item. Ein leerer Alternativtext kann an fehlenden Inhaltsdaten liegen, während eine zu große Datei durch die gewählte Ausgabe entsteht.
Wo Sie die Einstellung in Webflow prüfen
Kontrollieren Sie die Bildquelle und den Alt-Text des konkreten Elements, bei CMS-Inhalten auch dessen Feldbindung. Prüfen Sie danach die tatsächlich geladene responsive Bildvariante. Ein leerer Collection-Wert kann mehrere ansonsten korrekt aufgebaute Bildinstanzen betreffen.
Beispiel für diesen konkreten Befund
Illustrativer Kontrollfall: Ein Bild erklärt den Anschluss eines Geräts, besitzt aber kein alt-Attribut. Eine rein dekorative Hintergrundwelle enthält dagegen keine zusätzliche Information.
<img src="anschluss.webp" alt="Netzkabel am linken Anschluss einstecken">
<img src="dekorative-welle.svg" alt="">Nachprüfung in Webflow
Ein vollständig und ein unvollständig gepflegtes Item auf schmalem Bildschirm prüfen. Geladene Variante, reservierte Fläche und Textalternative getrennt kontrollieren.
Für das informative Bild eine knappe passende Alternative bereitstellen. Dekorative img-Elemente mit leerem alt kennzeichnen; bei verlinkten Bildern die Linkfunktion berücksichtigen.
Ausnahmen und Geltungsbereich
Ein leeres alt ist bei dekorativen Bildern beabsichtigt und darf nicht pauschal als fehlender Inhalt korrigiert werden.
Bezug: auf Webflow veröffentlichte Websites und CMS Collections. Exportiertes HTML oder eine vorgeschaltete eigene Proxy-Schicht können andere Zuständigkeiten haben.
Den allgemeinen Fehler einordnen
Definition, systemunabhängige Ursachen und weitere Korrekturbeispiele: Informative und dekorative Bilder getrennt behandeln