Gunnar Bittersmann: Hallo, danke nochmal ...und noch eine kurze Verständnisfrage :D

Beitrag lesen

@@wisch

Ich meint das alt="" im img-Tag.

Auch das ist unverzichtbar.

Ohne das alt-Attribut lesen Screenreader den Dateinamen vor. (Man könnte darüber philosophieren, ob das nun ein Feature ist oder ein Bug; aber es ist nunmal so.)

Wenn es keinen Alternativtext gibt, weil

  • das Bild nur zur Dekoration dient, was durch role="none presentation" kenntlich gemacht werden kann (Allerdings gehört das Bild dann eher ins Stylesheet als ins Markup.)
  • das Bild schon anderweitig beschriftet ist (bspw. in figcaption), worauf mit aria-labelledby verwiesen werden kann
  • sich zwei Bilder einen Alternativtext teilen
    (<img src="alles.png" alt="Alles Gute!"/><img src="gute.png" alt=""/>)

dann ist dennoch alt="" mit leerem Wert anzugeben.

Ansonsten sollte im alt-Wert was Vernünftiges drinstehen.

(Und das wäre bei <a href="home"><img src="logo" alt=""/></a> bspw. nicht alt="Logo", sondern sowas wie alt="zur Startseite".)

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory