[Ben]

Morgen.

Im aktuellen PHP-Magazin wird der relaunch von zeit.de unter die Lupe genommen.

Kommt ZEIT, kommt Ratlosigkeit
In jüngster Zeit haben mehrere der bekannten (Cross-)Medien einen Relaunch erlebt. In den letzten Monaten waren es spiegel.de, sueddeutsche.de und welt.de und im Mai ging auch zeit.de mit einem aktualisiertem Online-Angebot an die Öffentlichkeit. Die etwas früher gestartete Konkurrenz wurde hierbei von den Bloggern, die sich zu modernem Webdesign äußern, nicht gerade mit Lorbeeren überschüttet. Wir schauen bei zeit.de hinter die Kulissen und hinterfragen die Qualität des Internetauftrittes, die sich in der Webdesign-Trias Standardkonformität, Gebrauchstauglichkeit und Barrierefreiheit spiegelt.

In diesem Artikel wird am Rande darauf eingegangen, dass das title-Attribut, z.B. in Hyperlinks, nicht wirklich nützlich ist, wenn es um die Barrierefreiheit von Webseiten geht.
Zitiert heißt es ...

A propos Attribute: offensichtlich geht man gerne mit dem title hausieren. Ist er beim Link ohne allen Zweifel unnötig, so soll er wohl bei den Grafiken einen Tooltip erzeugen.

Die Frage, die ich mir nun stelle ist .. wie wendet man das title-Attribut denn wirklich sinnvoll an bzw. wo setzt man es ein?

Danke für eine interessante Diskussion.

[WarrenFaith]

This attribute offers advisory information about the element for which it is set.

Quelle: http://www.w3.org/TR/html401/struct/global.html#h-7.4.3

Ich hab das bisher eigentlich immer als zusätzliche Informationsmöglichkeit genutzt. Auch bei Links, da manch einem unerfahrenen User ein Link namens "Profil" z.B. nicht verständlich macht, dass man dort seine eigenen Daten verändern kann. Dann mache ich das über das title-Attribut. Ich weiß aber nicht ob das barrierefrei ist (ich bezweifle es einfach mal).

[Ben]

Ja, so etwas hier halte ich auch für unnötig

<a href="#" title="zum Profil">Profil</a>

obwohl ich das auch verwendet habe. Liegt daran, dass ich bislang noch nicht wirklich Gedanken auf das Thema gerichtet habe/hatte!

Ist eigentlich ein ganz interessantes Thema, wie ich finde. Ich sehe nämlich auch in anderen Projekten häufig eine "Flut" von title-Attributen, die eigentlich keine großen Mehrinformationen enthalten, wenn sie nicht einfach den Linktext (z.B.) dupliziert enthalten.

[$traight-$hoota]

Zitat von WarrenFaith

Ich weiß aber nicht ob das barrierefrei ist (ich bezweifle es einfach mal).

Title ist barrierefrei; ist ja quasi nur eine semantische auschreibung einer zusätzlichen beschreibung eines elementes und könnte z.B. auch von nem Screenreader irgendwie interpretiert werden.

Zitat von Ben

Ich sehe nämlich auch in anderen Projekten häufig eine "Flut" von title-Attributen, die eigentlich keine großen Mehrinformationen enthalten, wenn sie nicht einfach den Linktext (z.B.) dupliziert enthalten.

Ein duplizierter Linktext ist echt nicht sinnvoll, da er dann keine zusätzliche Beschreibung des Links enthält. Generell sind title-attribute aber schon praktisch und verbessern die Usability.

[Ben]

Zitat von $traight-$hoota

Generell sind title-attribute aber schon praktisch und verbessern die Usability.

Das ist ja gerade meine Frage. Die Aussage als Solche ist ja nicht neu. Aber ich bräuchte halt mal ein Beispiel, an dem das gut erklärt wird. Jetzt nicht unbedingt nur auf Links bezogen. Zum Beispiel auch bei Bildern (dort sieht man das ja auch häufig [unnötigerweise]) ..

[robo47]

bei bildern, gerade auf photoseiten, finde ich es teilweise nützlich wenn die Exifs (Bildinformationen bezüglich Blende, Belichtungszeit, etc) im title stehen, falls sie sonst nirgends stehen, dann muss ich nicht fxif (Extension zum auslesen von Exifs in Firefox) bemühen. Sowas finde ich persönlich eine sinnvolle Anwendung.

[FloB]

A propos Attribute: offensichtlich geht man gerne mit dem title hausieren. Ist er beim Link ohne allen Zweifel unnötig, so soll er wohl bei den Grafiken einen Tooltip erzeugen.

Argh! Bei Grafiken zuallererst 'alt' definieren, wenn noch was offen bleibt, 'title' hinterher.

[Ben]

Zitat von FloB

Argh! Bei Grafiken zuallererst 'alt' definieren, wenn noch was offen bleibt, 'title' hinterher.

Kannst du das erläutern?

[FloB]

Das alt-Attribut wurde zu den Richtlinien hinzugefügt, um ebendessen Wert anzuzeigen, wenn es nicht angezeigt werden kann - sei es durch Fehlübertragung oder Braille-Lesegeräte. Es ist bei den Strict-Versionen von (x)HTML obligatorisch. Zusätzlich kann man noch ein longdesc-Attribut einfügen mit genauerer Erklärung (für Nutzung siehe de.selfhtml.org).

Title gibt eine Definition zu einem Objekt an, besser, es beschreibt den Inhalt eines Tags. Soweit dürfte alles klar sein.

Zunächst wird in Bildern (obligatorisch) das alt-Attribut festgelegt. Sollte die Beschreibung noch erweiteren werden, nutzt man longdesc.

Die meisten Browser zeigen das alt-Attribut auch an, wenn das Bild dargestellt werden kann - als Toolbox. Nur der altbekannte IE macht das nicht, deswegen hat sich (meines Wissens) der Irrglaube festgesetzt, mit title ein Tooltip erzeugen zu müssen, da es ja im IE sonst nicht geht .. somit wird ein "Zwischending" benutzt, d.h. sowohl alt- als auch title-Attribut werden mit dem gleichen Wert definiert. Das vB macht das zum Beispiel. Aber einen Mehrwert bringt es nicht, da eh die meisten IE-Nutzer nicht über Bilder fahren, um herauszufinden, was denn das Dargestellte sein soll.

IMO sollte man das title-Attribut bei Bildern weglassen. Ich bin mir allerdings nicht ganz so sicher, ob die Tooltip-Darstellung des alt-Attributes auch so vom W3C vorgesehen wurde, aber ich glaube, dass es so ist.

[Ben]

Danke. Das mit dem longdesc muss ich mir mal anschauen. Da habe ich erst kurz was von gehört.

[Bleistift]

Zitat von FloB

Die meisten Browser zeigen das alt-Attribut auch an, wenn das Bild dargestellt werden kann - als Toolbox. Nur der altbekannte IE macht das nicht

Falsch... Der IE macht es (fälschlicherweise) und die anderen Browser nicht.

[Ben]

Habe hier noch etwas gefunden:
http://www.webdevtips.co.uk/webdevti...y/images.shtml

[FloB]

Dann hab ich was verdreht - aber ich bleibe dabei, title ist bei Bildern unnötig.

[PsychoEagle]

Die Artikel hier sind auch immer recht interessant:

http://www.vorsprungdurchwebstandard...ch-vorschrift/

(Punkt 4. zum Beispiel über Title-Tags)

Grüße
Da Psy

[Ben]

Danke für den Link.