Alternativtexte für Bilder

Was geprüft

Gezählt werden <img>-Elemente ohne alt-Attribut. Ein leeres alt="" oder eine Kennzeichnung als dekorativ (z. B. role="presentation") gilt als bewusste Entscheidung und ist unauffällig. Ob ein vorhandener Alternativtext das Bild sinnvoll beschreibt, kann der Check nicht beurteilen. Ohne Bilder trifft der Punkt nicht zu.

Wie relevant

Mittel, sobald ein Bild ohne alt-Attribut gefunden wird. Ohne Alternativtext fehlt Menschen, die das Bild nicht sehen, die Information ganz oder sie hören stattdessen den Dateinamen.

Warum

Screenreader lesen den Alternativtext anstelle des Bildes vor. Fehlt das Attribut, sagen sie oft den Dateinamen an („IMG underscore 2041 jpg“). Suchmaschinen nutzen den Text ebenfalls, um Bilder einzuordnen. Ob daraus eine rechtliche Pflicht folgt, klären Sie mit Ihrer Rechtsberatung; öffentliche Leitfäden bietet die Bundesfachstelle Barrierefreiheit (Deutschland).

Wie beheben

Geben Sie jedem Bild ein alt-Attribut. Informative Bilder erhalten einen kurzen Text mit der Aussage des Bildes; rein dekorative Bilder ein leeres alt="". Bei verlinkten Bildern beschreibt der Text das Linkziel.

Nebenwirkung: Keine technischen Nebenwirkungen. Vermeiden Sie automatisch erzeugte Texte aus Dateinamen; sie helfen nicht. Ein leeres alt="" bei einem informativen Bild blendet die Information für Screenreader aus.

WordPress: In der Mediathek gepflegte Alternativtexte übernimmt WordPress beim Einfügen über den Editor. Bilder in Seitenbaukästen, Slidern oder fest im Theme haben oft eigene Felder oder gar keins; prüfen Sie diese getrennt.

Codebeispiel

HTML

<!-- informatives Bild -->
<img src="/bilder/anfahrt.webp" alt="Lageplan: Eingang an der Rückseite, Parkplätze im Hof" width="800" height="500">

<!-- dekoratives Bild -->
<img src="/bilder/trenner.svg" alt="">

<!-- verlinktes Bild: Text beschreibt das Ziel -->
<a href="/"><img src="/bilder/logo.svg" alt="Startseite Beispiel GmbH"></a>

Weiterführende Quellen

Quellen der Methodik

docs/SCORING.md — Status und Schweregrade (§2), Kategoriescore und Abdeckung (§3), Gesamtwert (§4), keine Doppelabzüge (§5), Prüfkatalog mit Gewichten (§6), Versionierung (§8), Formulierungsregeln (§9), bewusst nicht geprüft (§10)
docs/KALIBRIERUNG.md — Abgleich der Schwerefaktoren und Kappen mit externen Ankern (Web Almanac, Lighthouse, MDN HTTP Observatory, SSL Labs), Entscheidung scoring@1.4.0