TITLE,ALT bei verlinkten Bilder
 

Hallo,

die Frage, die ich mir jedesmal bei verlinkten Bilder stelle ist, was schreibe ich in den title bzw. alt Tag.

Bsp. ich habe ein kleines Icon eines Druckers zum aktivieren der Druckansicht auf meiner Seite. Das HTML sieht dann so aus:

<a href="blabla.html" title=""><img src="drucker.gif" alt="" title="" /></a>

Der alt-Tag des Bildes soll ja eine Alternative für das Bild sein, deshalb würde ich in diesem Fall alt="Seite drucken" schreiben.

Generell finde ich es schön, wenn ich dem Benutzer über den title-Tag noch einen Zusatzhinweis geben kann. Ein Drucker-Symbol werden die meisten noch verstehen, bei anderen Icons ist das häufig nicht der Fall. Ich würde also einen title wie title="Diese Seite drucken" o.ä. verwenden.

Den title kann ich sowohl im a-Tag als auch im img-Tag einsetzen.
Verwende ich den title sowohl im a-Tag als auch im img-Tag dann wird mir der title des img-Tag angezeigt. Lasse ich den title beim img-Tag leer wird mir im FF der title vom a-Tag angezeigt. Der IE zeigt dann aber nichts mehr an. Ich muss also den title des img-Tag verwenden, um auch im IE einen Hinweis zu bekommen. Strenggenommen gehört der Hinweis ja aber zum Link und nicht zum Bild.

Ein anderes Beispiel:
Ich hab ein verlinktes Bild von einer Kirche
<a href="" title=""><img src="kirche.jpg" alt="" title="" /></a>

Wie mache ich es hier?
img-alt = St. Blabla Kirche in Blastadt im Winter
img-title = Zur Homepage der Kirchengemeinde Blabla
a-title = ?


Wie handhabt ihr das?

Gruss Peter

Hi Peter,

schau doch mal hier.

Gruß
Klaus

Da auch Nutzer grafischer Browser keine weiteren Informationen über das Bild erhalten, würde ich „Kirche im Winter.“ als Alternativtext hinterlegen.

Sinnvoll wäre eine Beschreibung des Bildes. Welche Kirche ist zu sehen? Wo steht sie? Wie sieht sie aus? Diese Informationen lassen sich aber höchstwahrscheinlich nicht im title-Attribut unterbringen und sind daher im Fließtext deutlich besser aufgehoben.

Hier steht das Ziel des Links, also „Kirchengemeinde Blabla.“.

img-title = Zur Homepage der Kirchengemeinde Blabla
Bloß nicht so: das Bild ist an sich kein Link ;)
Wenn schon, dann so:
a-title = Zur Homepage der Kirchengemeinde Blabla

Die (W3C-)Theorie fordert in etwa:
Daran ist an sich nichts was ganz verkehrt wäre.

Allerdings, zwischen Theorie und Praxis... :
Siehe hubspe's Verweis auf Dieter's Meinung weiter oben ;)

Die (W3C-)Theorie fordert in etwa:
Daran ist an sich nichts was ganz verkehrt wäre.

Ja so sehe ich das eigentlich auch. Nur ist es ja leider so, das mir der IE den
Tooltip mit dem Hinweis auf das Linkziel nicht anzeigt, wenn ich den in den a-title schreibe. FF zeigt mir bei fehlendem img-title den a-title an.
Ich bin also entweder semantisch richtig, bekomme aber keinen Hinweis im IE, oder falsch und "missbrauche" den img-title.

Gruss Peter

Stattdessen zeigt der selten dämliche IE den Alternativtext des Bildes an.

...selten dämlich...
Das triffts mal wieder genau.
Bei mir kommt aber im IE6/7 garnichts. Auch kein Alt-Text des Bildes.


Gruss Peter

Klar, wenn title (das "Tooltip-Priorität" hat) leer ist.

Danke klar. Hätte ich auch dran denken können :(

Vergiss einfach die Anzeige des Tooltips.

Wozu willst Du Dich deswegen verrückt machen?
Die "Anzeige" ist 100% entbehrlich.

Pragmatisch gesagt:
es bringt dem User eh nicht viel. Es sei denn, wegen einer Barriere unter die er leidet.
Aber in eben diesem Falle verfügt er i.d.R. über anderen Möglichkeiten, um an die Info zu gelangen (Screen Reader ...).

Also:
wird etwas angezeigt... gut!
wird nichts angezeigt... auch gut!