Was ist ein ALT-Attribut?

Bilder werden mit dem IMG Tag in Webseiten eingebunden. Mit dem ALT-Attribut sollen ergänzende Informationen über das Bild vermittelt werden.

Screen-Reader lesen diese Hilfstexte vor. Für barrierefreie Websites ist es deshalb wichtig, dass alle Bilder mit aussagekräftigen Texten versehen sind. Und zwar so, dass jemand den Sinn verstehen kann, ohne das Bild zu sehen.

Beispiel:

Ergibt folgendes Bild:

Bemerkung: der Internet Explorer zeigt den Text im ALT-Attribut an, wenn die Maus (wie hier dargestellt) über dem Bild ruht. Versuchen Sie es aus!

Hinweis:

• In älteren Versionen von HTML war das ALT Attribut optional und wurde deshalb oft weggelassen. Neuere Entwicklungs-Hilfsmittel fügen es automatisch ein. Nur muss der Entwickler auch so noch für geeigneten Text sorgen.
• Auch Icons und Spacer.gif's müssen mit ALT-Attributen versehen werden, diese können aber leer sein.
  
  Beispiel:   <img src="spacer.gif" alt="">

Zum Seitenanfang