Alt-Text.

Ein Alt-Text ist eine kurze Beschreibung, die im Code direkt am Bild hinterlegt wird. Screenreader lesen ihn blinden und sehbehinderten Menschen vor, und er hilft laut Google auch Nutzern mit schwacher Verbindung, wenn Bilder nicht laden. Google selbst nutzt den Alt-Text zusammen mit Bilderkennung und dem Inhalt der Seite, um zu verstehen, was ein Bild zeigt. Für deinen Betrieb geht es also um Barrierefreiheit und Auffindbarkeit zugleich. In unserem Kölner Handwerks-Website-Report meldete Lighthouse bei 20,0 % der Seiten Bilder ohne Alt-Text.

So funktioniert der Alt-Text

Entscheidend ist, welche Aufgabe das Bild auf der Seite hat. Das W3C unterscheidet informative und dekorative Bilder. Bei informativen Bildern soll der Text die Bedeutung wiedergeben, die das Bild vermittelt, meist in einem kurzen Satz oder Ausdruck und nicht als wörtliche Beschreibung jedes Details. Dekorative Bilder bekommen ein leeres Alt-Attribut, damit Screenreader sie überspringen.

Fehlt das Attribut ganz, lesen manche Screenreader laut W3C stattdessen den Dateinamen vor. Ist ein Bild verlinkt, wirkt der Alt-Text laut Google wie der Linktext. In den Richtlinien für barrierefreie Inhalte, den WCAG, ist eine Textalternative für Nicht-Text-Inhalte eine Anforderung der untersten Stufe A.

Worauf du als Betrieb achten solltest

Beschreib, was das Bild auf dieser Seite aussagen soll. Google zeigt das am Beispiel eines Welpenfotos: Eine Aufzählung von Suchbegriffen ist schlecht, das bloße Wort für Welpe besser, am besten eine kurze Beschreibung mit Rasse und Tätigkeit. Auf deine Referenzseite übertragen heißt das: „Bodengleiche Dusche mit grauen Großformatfliesen nach der Badsanierung" statt „Bad Fliesen Sanierung Köln".

Stopf keine Suchbegriffe hinein. Laut Google verschlechtert das die Nutzererfahrung und kann dazu führen, dass deine Seite als Spam eingestuft wird. Ein Ortsname gehört nur hinein, wenn er für das Bild wirklich relevant ist.

Prüf, was dein System automatisch einsetzt. In Projekten sehen wir oft, dass Baukästen den Dateinamen als Alt-Text übernehmen, etwa eine Kamerabezeichnung mit Nummer. Das hilft weder Screenreadern noch Google.

Häufige Fragen zum Alt-Text

Braucht jedes Bild einen Alt-Text? Jedes Bild braucht das Attribut, aber nicht jedes einen Inhalt. Rein dekorative Bilder bekommen laut W3C ein leeres Alt-Attribut, damit sie nicht vorgelesen werden.

Ist der Alt-Text dasselbe wie die Bildunterschrift? Nein. Die Bildunterschrift sehen alle Besucher, der Alt-Text ersetzt das Bild für Menschen, die es nicht sehen. Wiederholt die Unterschrift schon alles Wichtige, kann der Alt-Text kürzer ausfallen.

Hat der Alt-Text mit dem BFSG zu tun? Textalternativen sind ein Grundbaustein barrierefreier Websites. Was das Gesetz für Unternehmen bedeutet, steht in unserem Beitrag zur barrierefreien Website nach BFSG.

Wie viele Bilder auf deinen Seiten noch ohne Alt-Text sind, zeigt dir der kostenlose SEO-Check.