Bilder
- Bilder (und andere Elemente) sollten stets über Textalternativen verfügen; Mögliche Quellen:
alt
-,title
-,placeholder
-Attribute- ARIA-Attribute (
aria-label
,aria-describedby
) - Generated Content (CSS-Pseudoelemente)
- Bilder müssen stets ein
alt
-Attribut haben - das
alt
-Attribut sollte eine sinnvolle Beschreibung enthalten oder leer sein (siehe WAIalt
decision tree)- Präzise und gleichwertige Beschreibung des Inhalts und der Funktion des Bildes
- Kurz und bündig; meist sind wenige Worte ausreichend, manchmal ein kurzer Satz
- Nicht redundant und deckungssgleich mit dem Kontext um das Bild herum
- Vermeidung von Platzhaltern wie "Foto von ..." oder "Bild mit ..."; den Nutzern ist bereits klar, dass es sich um ein Bild handelt
- ein leeres
alt
-Attribut teilt Screenreadern mit, dass es sich um ein rein dekoratives Bild handelt, das nicht signifikant zur Aussage beiträgt - Konzept des zugänglichen Namens („Accessible Name“): Logik zur Ermittlung für alle Elemente zur Weitergabe an assistive Technologie
Links