Barrierefreiheit

Alt-Attribute bei Bildern

Alternativtexte machen die Bedeutung von Bildern für Screenreader zugänglich – entscheidend ist, Funktion und Kontext richtig zu beschreiben.

Was ist ein Alt-Attribut?

Das alt-Attribut gehört zum HTML-Bildelement und liefert eine textliche Alternative, wenn der visuelle Inhalt nicht wahrgenommen werden kann. Screenreader können diesen Text ausgeben und damit Informationen vermitteln, die sonst nur im Bild vorhanden wären.

Was ein guter Alternativtext leisten sollte

Der Text beschreibt nicht jedes sichtbare Detail, sondern die Bedeutung des Bildes im jeweiligen Kontext. Bei funktionalen Bildern – etwa einem grafischen Link oder Button – ist die Funktion besonders wichtig.

Wann alt="" richtig ist

Rein dekorative Bilder ohne Informationswert sollten ein leeres Alt-Attribut erhalten. Dadurch werden sie von Screenreadern übersprungen und unterbrechen den Lesefluss nicht unnötig.

Der Kontext entscheidet.

Dasselbe Bild kann auf einer Seite informativ und auf einer anderen rein dekorativ sein. Alternativtexte sollten deshalb nicht mechanisch aus Dateinamen oder Bilddaten erzeugt werden.

Alt-Texte in WordPress pflegen

In WordPress lassen sich Alternativtexte in der Mediathek und direkt im Bildblock hinterlegen. Für Redaktionen empfiehlt sich eine klare Content-Regel, damit neue Bilder von Anfang an korrekt gepflegt werden.

Barrierefreiheit von Anfang an.


Wir konzipieren und entwickeln Websites so, dass Zugänglichkeit
nicht nachträglich ergänzt werden muss.