Techniken für WCAG 2.0

Zum Inhalt

-

H37: Benutzung von alt-Attributen bei img-Elementen

Anwendbarkeit

Bilder, die innerhalb von HTML-Dokumenten benutzt werden.

Die Technik bezieht sich auf:

Beschreibung

Wenn Sie das img-Element benutzen, dann geben Sie mit dem alt-Attribut eine kurze Textalternative an. Anmerkung. Der Wert dieses Attributs wird „alt text“ genannt.

Wenn ein Bild Worte enthält, die wichtig für das Verständnis des Inhalts sein, dann sollte der alt-Text diese Worte beinhalten. Das erlaubt es dem Text, die gleiche Funktion auf der Seite zu haben wie das Bild. Beachten Sie, dass es nicht notwendigerweise die visuellen Charakteristika des Bildes selbst beschreibt, aber die gleiche Bedeutung wie das Bild vermitteln muss.

Beispiele

Beispiel 1

Ein Bild auf einer Website bietet einen Link zu einem kostenlosen Newsletter. Das Bild enthält den Text „Kostenloser Newsletter. Get free recipes, news, and more. Erfahren Sie mehr.“ Der alt-Text entspricht dem Text im Bild.

Code-Beispiel:

			<img src="newsletter.gif" alt="Free newsletter. 
   Get free recipes, news, and more. Learn more." />

Beispiel 2

Ein Bild auf einer Website zeigt den Grundriss eines Gebäudes. Das Bild ist eine Imagemap, bei der jeder Raum ein interaktiver Bereich auf der Karte ist. Das alt-Text lautet: „Grundriss des Gebäudes. Wählen Sie einen Raum für weitere Informationen zum Zweck oder zum Inhalt des Raumes.“ Die Anweisung zum „auswählen eines Raumes“ weist darauf hin, dass das Bild interaktiv ist.

Ressourcen

Ressourcen sind nur zu Informationszwecken und keine offizielle Empfehlung.

HTML 4.01 IMG element

HTML 4.01 alt attribute

Tests

Vorgehensweise

  1. Untersuchen Sie jedes img-Element im Inhalt

  2. Prüfen Sie, ob jedes img-Element, das eine Bedeutung vermittelt, ein alt-Attribut hat.

  3. Wenn das Bild Worte enthält, die wichtig für das Verständnis des Inhalts sind, dann sind die Worte in der Textalternative enthalten.

Erwartete Ergebnisse

Tests #2 und #3 sind wahr.

Wenn dies eine ausreichende Technik für ein Erfolgskriterium ist, dann bedeutet das Scheitern an diesem Testverfahren nicht zwangsläufig, dass das Erfolgskriterium nicht auf irgendeine andere Art und Weise erfüllt wurde, sondern nur, diese Technik nicht erfolgreich implementiert wurde und nicht benutzt werden kann, um die Konformität zu erklären.