10.04.06(X)HTML Alternativtext und Tooltips
Der Schwede Roger Johansson holt noch einmal aus und widmet sich dem Thema Alt-Attribut und dessen seiner Meinung nach missbräuchlichen Gebrauch. Recht hat er, nicht nur, weil es klar in der Spezifikation steht:
Dieses Attribut gibt alternativen Text für Benutzerprogramme an, die Bilder, Formulare oder Applets nicht darstellen können.
Internet Explorer zeigt den Inhalt des alt-Attributs (leider) an. Er sollte das aber nicht. Ergänzend ist anzumerken, dass dieser Text Menschen hilft, die Bilder, Grafiken etc. nicht sehen können.
Dazu auch ein Beispiel aus der aktuellen Praxis. Eine kleine Pfeil-Grafik deutete die Möglichkeit an, erweiternde Formularelemente einzublenden. Verwendet wurde zum einen ein nicht wirklich sinnvoller Text “min/max” und zum anderen wurde dieser in das alt-Attribut geschrieben. Daraus ergeben sich zwei Probleme:
- unerfahrene Nutzer, können mit der Anzeige “min/max” u.U. nichts anfangen
- Besucher mit alternativen Browsern bekommen überhaupt keinen Tooltip angezeigt
Mittlerweile nutzen 15% - je nach Angebot sogar deutlich mehr - der Internetnutzer alternative Browser, v.a. den Firefox. Hinterlegt man im alt-Attribut eine wichtige Information für die Besucher einer Website, wird eben vielen Besuchern diese Information verborgen bleiben.
Möchte man einen Tooltip für alle Besucher anzeigen, der einen Hinweis auf die Funktion einer Grafik enthält, nutzt man das title-Attribut. Der darin hinterlegte Text kann allen Besuchern angezeigt werden. Wie für das alt-Attribut gilt beim title-Attribut die Verwendung eines möglichst sinnvollen Textes. Worüber sich natürlich streiten lässt.
Interner Link zum Thema
Der richtige Einsatz von ALT und TITLE
Weitere Links zum Thema
Außerdem sind die Links in Rogers Beitrag sehr zu empfehlen.
Stefan Asemota am Apr 14, 2006 | Reply
alt=""zu verwenden.Engelbert am Apr 14, 2006 | Reply
Björn am Apr 14, 2006 | Reply
Oft ist zu beobachten, dass es viele zu gut meinen und gleich für alle Grafiken Alternativtexte angeben. Oft ist es aber sinnvoller, das Attribut einfach leer zu lassen (nicht weglassen). Das macht bei rein dekorativen Grafiken Sinn. Dann wird keine Alternative vorgelesen oder angezeigt, wenn Grafiken nicht gesehen oder dargestellt werden können.
Engelbert: Z.B. in deinem Fall der “Divider”. Hier solltest Du das alt-Attribut leer lassen.
Zu diesem Thema ist auch dieser Artikel zu empfehlen: Accessibility nach Vorschrift
Gerade im Fall von dekorativen Grafiken sollte man darüber nachdenken, mit Hintergrundgrafiken über CSS zu arbeiten oder eben leere alt-Attribute einzusetzen.