Titel bei leerem Alt-Text
Silktide findet Bilder, die mit leerem Alternativtext als dekorativ gekennzeichnet sind, aber dennoch einen Titel tragen. Diese beiden Attribute widersprechen einander, und Hilfstechnologien gehen mit diesem Konflikt unvorhersehbar um.
<!-- Problem: alt sagt "überspring mich", title sagt "lies mich" -->
<img src="logo.png" alt="" title="Firmenlogo">
<!-- Behoben: wirklich dekorativ -->
<img src="logo.png" alt="">
<!-- Behoben: wirklich inhaltlich bedeutsam -->
<img src="logo.png" alt="Firmenlogo">
Warum das wichtig ist
Ein leeres alt="" erklärt ein Bild als und weist
einen an, es zu überspringen. Ein title-Attribut
wird jedoch von einigen Screenreadern trotzdem angekündigt – dasselbe Bild ist also
für manche Nutzende stumm und für andere sprechend. Unabhängig von der Absicht der
Autorin oder des Autors ist das Ergebnis für manche Personen falsch.
Das Attribut title ist generell unzuverlässig: Es erscheint meist nur als Tooltip
beim Überfahren mit der Maus, sodass Tastatur- und Touchscreen-Nutzende es ebenfalls
nie sehen.
So beheben Sie das
- Wenn das Bild dekorativ ist, entfernen Sie das Attribut
titleund belassen Sie das leerealt="". - Wenn das Bild inhaltlich bedeutsam ist, verschieben Sie die Beschreibung in den
und entfernen Sie
title. - Verwenden Sie
titlenirgends als Ersatz für Alt-Text – es wird niemandem zuverlässig angezeigt.
So prüft Silktide dies
- Finden Sie jedes Bild auf jeder Seite.
- Wählen Sie Bilder aus, deren
alt-Attribut vorhanden, aber leer ist. - Melden Sie jedes dieser Bilder, das zusätzlich ein nicht-leeres
title-Attribut aufweist.