Alt-Texte

Zu beachten:

  • was liest ein Screen-Reader für die Bilder vor?
 

Bemerkungen

  • Wenn das <img>-Tag kein Alt-Attribut enthält, versucht der Screen-Reader etwas anderes vorzulesen
  • z.B. das Titel-Attribut, falls vorhanden
  • als letzter Versuch wird der Dateiname vorgelesen – meist mit zweifelhaftem Nutzen
  • Korrektes Beispiel: <img src='xy.jpg' alt='Dark Denim + Strech Jeans dunkelblau'>
  • Der Alt-Text soll die relevanten Elemente des Bildes kurz beschreiben, die ein nicht-sehender verpassen würde. Es soll nicht die Bildlegende wiederholen, wenn eine solche vorhanden ist.
  • Eine Bildlegende hat einen anderen Zweck: sie soll Hinweise zum Bild geben; und zwar solche, die für Sehende und Nicht-Sehende von Bedeutung sind.

How to write better alt-text descriptions for accessibility [https://bighack.org/how-to-write-better-alt-text-descriptions-for-accessibility/]

 
 

Barrierefreies Web