Zusammenfassung
Der Alt-Text-Checker liest jedes img-Tag einer Seite, auch nachgeladene Bilder, und prüft das alt-Attribut. Er meldet fehlende alt-Attribute, Dateinamen als alt, generische Wörter wie „Bild“, Alt-Texte über 125 Zeichen, dasselbe alt auf mehreren Bildern und verlinkte Bilder ohne Text. Außerdem zählt er Bilder ohne Breite und Höhe, die das Layout springen lassen.
Möchten Sie mehr erfahren? Fragen Sie
Der Alt-Text beschreibt ein Bild für alle, die es nicht sehen: Screenreader, Google Bilder und KI-Assistenten, die das HTML lesen. Er ist auch der Ankertext eines verlinkten Bildes. Ein guter Alt-Text sagt in einem kurzen Satz, was das Bild zeigt.
Was der Checker meldet
- Kein alt-Attribut: Das Bild sagt nichts, manche Screenreader lesen den Dateinamen vor.
- Dateiname oder generisches Wort: „IMG_2034.jpg“ oder „Foto“ beschreibt nichts.
- Verlinktes Bild ohne Text: Sein alt wird zum Ankertext und muss die Zielseite beschreiben.
- Zu lang oder wiederholt: unter 125 Zeichen bleiben, eine Beschreibung pro Bild.
Einen guten Alt-Text schreiben
- Beschreiben Sie, was ein Besucher sieht, in der Sprache der Seite: „Eichenstuhl, Vorderansicht“.
- Fügen Sie das Keyword nur ein, wenn es das Bild wirklich beschreibt.
- Schreiben Sie alt="" für rein dekorative Bilder, damit Screenreader sie überspringen.
- Geben Sie jedem Bild Breite und Höhe, um Layoutverschiebungen zu vermeiden.
Um Ihre Bilder vor der Veröffentlichung zu verkleinern, nutzen Sie den Bildkompressor. Zu den übrigen Bildsignalen lesen Sie über Bildoptimierung und Core Web Vitals.
