|
|||
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
__________________
OpenComp |
Sponsored Links |
|
||||
Zitat:
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 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...) Geändert von Loïs Bégué (19.12.2007 um 16:27 Uhr) |
|
|||
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 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 |
|
|||
Zitat:
Das triffts mal wieder genau. Bei mir kommt aber im IE6/7 garnichts. Auch kein Alt-Text des Bildes. Gruss Peter
__________________
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...) Geändert von Loïs Bégué (21.12.2007 um 09:00 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit Schattenrahmen um Bilder (Typo3) | micronix | CSS | 2 | 20.08.2012 20:01 |
Mehre Bilder anzeigen | sams2000 | CSS | 4 | 11.12.2010 01:03 |
bilder in div container unten anordnen | diegaby | CSS | 12 | 17.11.2008 14:08 |
Bildergalerie mit Variablen | fledermaus | Serveradministration und serverseitige Scripte | 1 | 08.04.2008 08:57 |
Bilder einbinden | SPMan | CSS | 1 | 14.06.2007 08:58 |