zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Barrierefreiheit
Seite neu laden TITLE,ALT bei verlinkten Bilder

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.12.2007, 13:23
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.05.2006
Beiträge: 32
Peter Buenemann befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.12.2007, 13:45
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi Peter,

schau doch mal hier.

Gruß
Klaus
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.12.2007, 15:32
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.06.2004
Beiträge: 2.644
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von Peter Buenemann Beitrag anzeigen
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 anzeigen
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 anzeigen
a-title = ?
Hier steht das Ziel des Links, also „Kirchengemeinde Blabla.“.
Mit Zitat antworten
  #4 (permalink)  
Alt 19.12.2007, 16:24
Benutzerbild von Loïs Bégué
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 24.06.2007
Ort: Freiburg (D)
Beiträge: 780
Loïs Bégué wird schon bald berühmt werden
Standard

Zitat:
Zitat von Peter Buenemann Beitrag anzeigen
...
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
__________________
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)
Mit Zitat antworten
  #5 (permalink)  
Alt 20.12.2007, 11:46
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.05.2006
Beiträge: 32
Peter Buenemann befindet sich auf einem aufstrebenden Ast
Standard

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
__________________
OpenComp
Mit Zitat antworten
  #6 (permalink)  
Alt 20.12.2007, 11:50
Benutzerbild von Geronimo
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.06.2004
Beiträge: 2.644
Geronimo sorgt für eine eindrucksvolle AtmosphäreGeronimo sorgt für eine eindrucksvolle Atmosphäre
Standard

Stattdessen zeigt der selten dämliche IE den Alternativtext des Bildes an.
Mit Zitat antworten
  #7 (permalink)  
Alt 20.12.2007, 12:00
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.05.2006
Beiträge: 32
Peter Buenemann befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von designfanatiker Beitrag anzeigen
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
__________________
OpenComp
Mit Zitat antworten
  #8 (permalink)  
Alt 20.12.2007, 12:37
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.854
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Klar, wenn title (das "Tooltip-Priorität" hat) leer ist.
Mit Zitat antworten
  #9 (permalink)  
Alt 20.12.2007, 13:12
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.05.2006
Beiträge: 32
Peter Buenemann befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von heiko_rs Beitrag anzeigen
Klar, wenn title (das "Tooltip-Priorität" hat) leer ist.
Danke klar. Hätte ich auch dran denken können
__________________
OpenComp
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 21.12.2007, 08:58
Benutzerbild von Loïs Bégué
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 24.06.2007
Ort: Freiburg (D)
Beiträge: 780
Loïs Bégué wird schon bald berühmt werden
Standard

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)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


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