Informative Bilder beschreiben
Geben Sie Bildern eine kurze Textalternative, wenn sie eine Information vermitteln oder eine Aktion auslösen.
Warum das wichtig ist
Wer ein Bild nicht sehen kann, braucht eine Textalternative, um dieselbe Botschaft, dasselbe Ziel oder dieselbe Funktion zu verstehen.
So beheben Sie es
Beschreiben Sie, was das Bild in genau diesem Zusammenhang beiträgt.
Formulieren Sie knapp und beginnen Sie nicht mit „Bild von“.
Verwenden Sie ein leeres alt-Attribut, wenn das Bild nur der Dekoration dient.
Beispiel
<img src="/team/samira.jpg" />
<img src="/team/samira.jpg" alt="Samira, Leiterin Kundenservice" />
So prüfen Sie Ihre Korrektur
Prüfen Sie Ihre Seite noch einmal mit ibin. Das Problem verschwindet aus Ihrem Bericht, sobald alle Stellen behoben sind. Probieren Sie es danach selbst so aus, wie Ihre Besucher es tun würden.
- Prüfen Sie die Seite erneut und vergewissern Sie sich, dass das Problem nicht mehr im Bericht steht.
- Probieren Sie den korrigierten Teil selbst aus: mit der Maus, nur mit der Tastatur und vergrößert.
- Bitten Sie wenn möglich eine Person, die einen Screenreader nutzt, es ebenfalls auszuprobieren.
Für Entwickler
Standards: WCAG 1.1.1 (A)
image-alt · Hintergrundinformationen (auf Englisch)
Auch verfügbar auf English, Nederlands, Français