WCAG 2Kritisch
Stellen Sie sicher, dass <img>-Elemente alternativen Text oder eine Rolle von none oder presentation haben
Alle `<img>`-Elemente müssen ein `alt`-Attribut haben. Bei informativen Bildern sollte der `alt`-Text den Inhalt und Zweck des Bildes beschreiben. Bei dekorativen Bildern sollte das `alt`-Attribut leer sein (`alt=""`).
Warum ist das wichtig?
Screenreader können Bilder nicht interpretieren. Der `alt`-Text bietet eine textliche Beschreibung, die vorgelesen wird und sehbehinderten Benutzern ermöglicht, den Inhalt und Zweck des Bildes zu verstehen. Ohne ihn können Benutzer wichtige Informationen verpassen.
Lösung
Schreiben Sie für informative Bilder einen beschreibenden `alt`-Text, der die Bedeutung des Bildes vermittelt. Verwenden Sie für dekorative Bilder ein leeres `alt`-Attribut (`alt=""`), um Screenreadern zu signalisieren, dass das Bild ignoriert werden kann.