XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   Barrierefreiheit (http://xhtmlforum.de/forumdisplay.php?f=78)
-   -   TITLE,ALT bei verlinkten Bilder (http://xhtmlforum.de/showthread.php?t=49485)

Peter Buenemann 19.12.2007 13:23

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

hubspe 19.12.2007 13:45

Hi Peter,

schau doch mal hier.

Gruß
Klaus

Geronimo 19.12.2007 15:32

Zitat:

Zitat von Peter Buenemann (Beitrag 363334)
img-alt = St. Blabla Kirche in Blastadt im Winter

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

Zitat:

Zitat von Peter Buenemann (Beitrag 363334)
img-title = Zur Homepage der Kirchengemeinde Blabla

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.

Zitat:

Zitat von Peter Buenemann (Beitrag 363334)
a-title = ?

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

Loïs Bégué 19.12.2007 16:24

Zitat:

Zitat von Peter Buenemann (Beitrag 363334)
...
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 = ?
...

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:
Code:

img-alt= "Bild einer Kirche"
=> wird nur angezeigt wenn Bilder ausgeschaltet werden
oder wenn sie nicht gefunden werden können.

img-title= "Die Sankt Blabla Kirche"
=> Beschreibt das Bild

a-title= "Link zur Homepage der Gemeinde Blabla, wo die Kirche zu finden ist"
=> Beschreibt den Link

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 ;)

Peter Buenemann 20.12.2007 11:46

Die (W3C-)Theorie fordert in etwa:
Code:

img-alt= "Bild einer Kirche"
=> wird nur angezeigt wenn Bilder ausgeschaltet werden
oder wenn sie nicht gefunden werden können.

img-title= "Die Sankt Blabla Kirche"
=> Beschreibt das Bild

a-title= "Link zur Homepage der Gemeinde Blabla, wo die Kirche zu finden ist"
=> Beschreibt den Link

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

Geronimo 20.12.2007 11:50

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

Peter Buenemann 20.12.2007 12:00

Zitat:

Zitat von designfanatiker (Beitrag 363482)
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

heiko_rs 20.12.2007 12:37

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

Peter Buenemann 20.12.2007 13:12

Zitat:

Zitat von heiko_rs (Beitrag 363491)
Klar, wenn title (das "Tooltip-Priorität" hat) leer ist.

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

Loïs Bégué 21.12.2007 08:58

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!


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:55 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2021, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2020