Bilder ohne alt-Attribut: unsichtbar für Screenreader und Suchmaschinen

Auf deiner Startseite sind Bilder ohne alt-Attribut eingebunden. Das alt-Attribut enthält eine kurze Beschreibung des Bildes, die ein Screenreader blinden Menschen vorliest und die der Browser anzeigt, wenn das Bild nicht lädt. Fehlt es, liest der Screenreader oft den Dateinamen vor, etwa «IMG_4711.jpg».

Auch Suchmaschinen nutzen den alt-Text, um zu verstehen, was ein Bild zeigt. Für die Bildersuche ist er eine der wichtigsten Angaben.

Was einen guten alt-Text ausmacht

  • Er beschreibt, was das Bild in diesem Zusammenhang aussagt, zum Beispiel «Team von INSOR im Büro in Wallisellen» statt «Foto».
  • Er ist kurz, meist ein Satz oder weniger.
  • Rein dekorative Bilder, etwa Hintergrundmuster oder Trennlinien, erhalten ein leeres alt-Attribut (alt=""). Dann überspringt der Screenreader sie, und Lighthouse wertet sie nicht als Fehler.

Wie wir prüfen

Für alle Websites mit Wartungsvertrag lassen wir die Startseite etwa alle drei Tage mit Google Lighthouse prüfen, dem Analysewerkzeug von Google. Die Messung läuft über die Schnittstelle von PageSpeed Insights auf den Servern von Google, in der Desktop-Ansicht. Leitet die Startseite weiter, etwa auf /de/, gilt die Zielseite. Unterseiten prüfen wir nicht, sie verwenden aber meist dieselbe Vorlage und haben oft dieselben Probleme.

Einen Hinweis erhältst du, sobald Lighthouse mindestens ein Bild ohne alt-Attribut findet. Der Befund nennt bis zu fünf Beispiele.

Was zu tun ist

In TYPO3 und Webflow lässt sich der alt-Text direkt beim Bild oder in der Medienverwaltung erfassen. Bei Bildern, die fest im Template eingebaut sind, passen wir die Vorlage an. Wenn du möchtest, übernehmen wir das: Offerte anfragen.

Artikel zuletzt aktualisiert am:
9.10.2026 11:22

Weitere Artikel zum Thema Checks & Empfehlungen