maettig.com

Thiemos Archiv

Manchmal sind unsinnige Alternativtexte für Grafiken (alt-Attribute, oft fälschlicherweise »alt-Tags« genannt) schlimmer als fehlende, denn Letzteres wird von jedem HTML-Validator gemeldet, Ersteres lässt sich jedoch nicht automatisiert testen. In der Oberfläche von GMX finden sich missglückt gut gemeinte Perlen wie diese hier: <a href="..."><img src="icon-logout.gif" alt="Logout (Symbol)"> Logout</a>, schlimmstenfalls noch mit einem zusätzlichen title="Logout". Das ist gleich mehrfach falsch:
  1. Ob es sich bei der Grafik um ein Symbol handelt, ist dem Besucher, der keine Grafiken sieht (aus welchem Grund auch immer) völlig gleichgültig. Der Alternativtext soll den Inhalt und die Funktion der Grafik beschreiben, nicht ihre Form. Man stelle sich vor, in einer Fotogalerie wären alle Fotos mit »Farbfoto im Format 10 × 15 cm« beschriftet oder der große rote Knopf an einer industriellen Steuerung mit »großer roter Knopf«.
  2. Es ist völlig nutzlos, wenn Alternativtexte oder auch Tooltipps (title-Attribute) einfach Text wiederholen, der schon da steht. Ein Screenreader würde den oben gezeigten Link schlimmstenfalls als »Logout Logout Logout« vorlesen. Alternativtexte sollen Informationen ersetzen, die ansonsten ohne Grafiken fehlen würden. Bei zierenden Bildern wie dem oben gezeigten bleibt das alt-Attribut leer. Entsprechend sollen title-Attribute zusätzliche Informationen liefern, die der Grafik oder einer zwangsweise zu kurz geratenen Linkbeschriftung nicht entnehmbar sind. Im obigen Beispiel wäre title="Beendet Ihre GMX-Sitzung" möglicherweise eine gute Tooltipp-Beschriftung.
Im obigen Fall wäre der beste Wert für das alt-Attribut leer, also: alt=""
Grund: Es handelt sich nur um einen graphischen Zusatz, der eigentliche Zweck des gesamten Verweises steht schon im Klartext daneben. Entsprechend wäre hier der einzig sinnvolle Einsatz eines title-Attributs innerhalb des <a ...>-Tags, nicht im <img ...>-Tag.
TS
Bei <a title=""><img alt=""></a> bevorzugt der IE idiotischerweise das alt vor dem title. Das lässt sich vermeiden, indem man den title zum img verschiebt. Das Ergebnis ist für nahezu alle Benutzergruppen das selbe.
Thiemo

Kommentare zu diesem Beitrag können per E-Mail an den Autor gesandt werden.

[ ← Zurück zur Übersicht ]

Impressum & Datenschutz