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.

01 / Kontextlabor

HTML einfügen, Zweck wählen, Ansage hören.

Die Demo startet von selbst und zeigt die wichtigsten Zustände. Sobald Sie eingreifen, gehört das Labor Ihnen.

IMG-Kontextlabor

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>

02 / Der Unterschied

Der Kontext entscheidet, nicht das Bild
Dasselbe Bild ist mal Inhalt, mal Dekoration, mal Linkziel. Im echten Markup fehlt das alt-Attribut ganz, ein Platzhalter wie „Bild“ ersetzt die Aussage nicht oder der Bildlink bleibt namenlos.
Der Check prüft jedes Vorkommen
Der Website-Check findet img-Elemente ohne oder mit leerem alt-Attribut und Bildlinks ohne zugänglichen Namen – auf jeder geprüften Seite.
Fundstellen statt Stichprobe
Jeder Befund nennt Seite, Vorkommen und den konkreten nächsten Schritt – kostenlos und ohne Installation.

03 / Auf Ihrer Website

Das Labor korrigiert einen HTML-Ausschnitt. Der Website-Check prüft die Bilder auf Ihren veröffentlichten Seiten.