Barrierefreiheit
Bild ohne Alternativtext
Woran du es erkennst
Ein bedeutungstragendes Bild hat kein alt-Attribut oder ein leeres beziehungsweise nichtssagendes („bild123.jpg"), sodass Screenreader-Nutzer nichts darüber erfahren.
Warum es zählt
Ohne Alternativtext hören blinde und sehbehinderte Besucher bei Produktfotos, Diagrammen und Symbolschaltflächen entweder gar nichts oder einen sinnlosen Dateinamen. Das ist ein Verstoß gegen WCAG Stufe A und einer der häufigsten Anlässe für Beschwerden zur Barrierefreiheit.
So behebst du es
- Gib jedem bedeutungstragenden Bild einen knappen, beschreibenden Alternativtext: was es zeigt oder welche Aktion es auslöst.
- Verwende alt="" (leer, nicht weggelassen) für rein schmückende Bilder, damit Screenreader sie überspringen statt einen Dateinamen vorzulesen.
- Bei Bildern, die zugleich Link oder Schaltfläche sind, beschreibt der Alternativtext das Ziel oder die Aktion („Suchen"), nicht die Form des Symbols („Lupe").
- Bei komplexen Grafiken wie Diagrammen gehört die eigentliche Aussage in den umgebenden Text oder eine verlinkte Langbeschreibung, nicht allein in das alt-Attribut.