Navigation horizontal gleichmäßig verteilen

[Gunnar Bittersmann]

@@marctrix

Alt-Attribute werden leer gelassen, wenn es sich um Schmuckgrafiken handelt

Das ist ein Anwendungsfall von leeren alt-Attributen. Es gibt weitere:

<figure>
  <img src="…" alt=""/>
  <figcaption>Fig. 42: …</figcaption>
</figure>

Das Bild hat eine zugehörige Bildunterschrift. Es wäre sinnlos, dasselbe noch mal ins alt-Attribut zu schreiben und doppelt vorlesen zu lassen.

Sollte es noch einer genaueren Beschreibung des Bildinhalts bedürfen, wäre nicht das alt-Attribut, sondern ein per aria-describedby verknüpfter Bereich (visually hidden) der geeignete Ort dafür.

Ein weiterer Anwendungsfall wird in der Spec genannt:

<img src="self.png" alt="SELFHTML"/><img src="html.png" alt=""/>

„SELFHTML“ sollte nicht in alt="SELF" und alt="HTML" getrennt werden.

Werden Bilder mit einer Funktion versehen (Button, Anker) muss im alt-Text angegeben werden, was bei einem Klick passiert (zum Impressum, Berechnung, durchführen, Kostenpflichtig bestellen usw)

Wenn das nicht schon anderweitig (Linktext, Buttontext) angegeben wird.

Ist der alt-Text entsprechend sinnvoll vergeben, würde ich auf weiteren zusätzlichen Text verzichten. Also nichts wie so was:

<a href="…"><img src="img/vita.png" alt="">Vita</a>

Doch, genau das.

Damit ist der Link übrigens NUR für Blinde zugänglich und für Menschen, die Bilder abgeschaltet haben. Bei Sehenden Menschen kann man NICHT voraussetzen, dass sie verstehen, was mit den Symbolen gemeint ist!

Eben. Deshalb steht ja „Vita“ neben dem Symbol – für Blinde und Sehende.

Das bedeutet dann, dass die beste, für alle zugängliche Lösung dann so aussieht:

<a href=#"><img src="img/vita.png" alt="zum Lebenslauf">Vita</a>

Nein. Es besteht kein Grund, dass Screenreader „zum Lebenslauf Vita“ vorlesen. Das alt-Attribut sollte hier leer sein.

LLAP 🖖