img alt html

`img alt html`: Dasselbe Bild braucht je nach Kontext anderen Text.

Inventarisieren Sie <img>, wechseln Sie Bildzweck und Wrapper und übernehmen Sie das passende alt-Markup.

IMG-Kontextlabor

Quelle → Zweck → Ansage

Text ersetzt den Zweck nicht

HTML-Ausschnitt

Bildzweck

HTML-Kontext

Bildunterschrift / Kernaussage alt-Attribut

Screenreader-Spur

Grafik, BildBenennen Sie die Aussage.

Korrigiertes Markup

<figure>
  <img src="/service/abholstation.jpg" alt="Bild">
  <figcaption>Neue Abholstation am Bahnhof</figcaption>
</figure>