WCAG Alt-Text
Der Alt-Text hängt vom Zweck ab
Bild im Text, Bild im Link, reine Dekoration: drei Fälle.
WCAG 1.1.1 in der Redaktion
Dieselben Pixel, drei verschiedene Alt-Texte
Ein Alt-Text ist keine feste Eigenschaft der Bilddatei. Er beschreibt den Beitrag, den das Bild genau an dieser Stelle leistet – oder bleibt leer, wenn dieser Beitrag schon da ist.
Das Motiv bleibt gleich. Nur Kontext und Aufgabe ändern sich.
Vom Rahmen ins Glas
Nach dem Schleudern läuft der Honig direkt durch das Sieb.
Bildbeitrag Der Ablauf ins Glas ist nur im Bild zu sehen.
alt="Honig fließt aus der Schleuder durch ein Sieb in ein Glas"Honigernte
Honig fließt aus der Schleuder durch ein Sieb in ein Glas.
Bildbeitrag Die sichtbare Bildunterschrift enthält bereits dieselbe Information.
alt=""Mehr aus der Werkstatt
Bildbeitrag Das Bild ist alleiniger Inhalt eines Links. Sein Zweck ist das Ziel.
alt="Video: Honig schleudern"Beschreiben Sie nicht alles Sichtbare. Schreiben Sie, was ohne das Bild an dieser Stelle fehlt.
Entscheidungsroute
Vier Fragen vor dem Schreiben
- 1Ist das Bild der einzige Inhalt eines Links oder Schalters?funktional
Benennen Sie die Funktion oder das Ziel.
- 2Vermittelt es Information, die im Umfeld fehlt?informativ
Formulieren Sie genau diesen Beitrag knapp.
- 3Steht die gleiche Information vollständig daneben?redundant
Nutzen Sie beim
imgein leeresalt="". - 4Ist die Information zu komplex für einen kurzen Satz?komplex
Geben Sie einen kurzen Namen und eine vollständige Alternative im sichtbaren Text.
Komplexe Grafik
Kurzer Name, vollständiger Weg daneben
Ein langer Absatz im alt ist schwer zu überfliegen. Stellen Sie die vollständige Aussage als strukturierten, sichtbaren Text bereit.
alt="Vier Schritte vom Honigrahmen bis ins Glas; Beschreibung folgt"- Die entdeckelte Wabe kommt in die Schleuder.
- Die Drehung löst den Honig aus den Zellen.
- Ein Sieb hält Wachsteile zurück.
- Der gefilterte Honig fließt ins Glas.
Abnahme: Zweck statt Wortzahl
Fehlt Information oder eine Funktion, muss die Alternative sie erhalten.
Ein verlinktes Bild nennt das Ziel; Dateiname und Motiv allein helfen nicht.
alt="" passt nur, wenn das Bild keine zusätzliche Information oder Funktion trägt.
Eine feste Zeichenbegrenzung beantwortet diese Fragen nicht. WCAG 1.1.1 verlangt eine Textalternative mit gleichwertigem Zweck; die nötige Länge folgt aus dem Kontext.
Aus dem Prüfbericht
Zwei Regeln, drei Bilder
Kritisch Ein Bild ohne alt-Attribut Regel image-alt
Ohne alt fehlt die vom Autor bestimmte Textalternative. Jedes img braucht ein alt, bei reiner Dekoration ein leeres.
Kritisch Das Bild ist der ganze Link Regel link-name
Steht ein Bild allein im Link, wird sein alt zum Linktext. Es nennt dann das Ziel, nicht das Motiv.
Zum Mitnehmen
Die Bildtexte, korrigiert
Erst den Zweck entscheiden, dann den passenden Alt-Text schreiben.
Korrektur in 3 Schritten ansehen
Das Bild im Fließtext beschreiben
Ein Bild mit Information bekommt einen Satz, der seinen Beitrag zum Text nennt. Der Dateiname leistet das nicht.
KorrekturvergleichSchritt 1 · HTML Vorher
<img src="ernte.jpg">Nachher
<img src="ernte.jpg" alt="Honig fließt aus der Schleuder ins Glas">Markierte Zeilen wurden geändert
So prüfen Sie es Blenden Sie Bilder im Browser aus. Der Text an dieser Stelle bleibt verständlich.
Das Logo im Link benennen
Der Alt-Text des Bildes wird hier zum Namen des Links. Deshalb nennt er das Ziel und nicht das Motiv.
KorrekturvergleichSchritt 2 · HTML Vorher
<a href="/"><img src="logo-2026-final.svg"></a>Nachher
<a href="/"><img src="logo-2026-final.svg" alt="Imkerei Sommerfeld, zur Startseite"></a>Markierte Zeilen wurden geändert
So prüfen Sie es Öffnen Sie die Linkliste eines Vorleseprogramms. Der Eintrag nennt die Startseite.
Dekoration leer lassen
Ein leeres alt lässt Vorleseprogramme das Bild überspringen. Ein Wort wie „Trennlinie“ würde nur den Lesefluss stören.
KorrekturvergleichSchritt 3 · HTML Vorher
<img src="trennlinie.svg" alt="Trennlinie">Nachher
<img src="trennlinie.svg" alt="">Markierte Zeilen wurden geändert
So prüfen Sie es Lassen Sie die Seite vorlesen. Zwischen den Absätzen kommt kein zusätzliches Wort.