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

__________________
OpenComp

Hi Peter,

schau doch mal hier.

Gruß
Klaus

__________________
Ein mehrfacher Gruß aus dem Südosten
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.“.

__________________
Meisterschützen - Community für Sportschützen

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

__________________
To attain knowledge, add things everyday. To obtain wisdom, remove things everyday. (Lao Tzu)
Links : Some needfull links (Delphi, XHTML...)
Tools : Arpoon Freeware (Checksum...)

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

__________________
OpenComp

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

__________________
Meisterschützen - Community für Sportschützen

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


Gruss Peter

__________________
OpenComp

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

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

__________________
OpenComp

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!

__________________
To attain knowledge, add things everyday. To obtain wisdom, remove things everyday. (Lao Tzu)
Links : Some needfull links (Delphi, XHTML...)
Tools : Arpoon Freeware (Checksum...)