div-Element mit Screenreader-Text
Sven
- barrierefreiheit
Hallo!
Ich habe ein div-element, welches ein Hintergrundbild via CSS zugewiesen hat. Das Bild direkt mit dem img-Tag einzubinden kommt in meinem Anwendungsfall nicht in Frage.
Das Bild, das ich verwende, beinhaltet auch Text. Diesen Text würde ich gerne Screenreadern zur Verfügung stellen.
Natürlicht gibt es das Universalattribut title, ich möchte aber nicht, dass jeder diesen Text sehen kann.
Wenn ich in dem div einen Span mit display:none; einbinde, würde der Text dann trotzdem vorgelesen?
@@Sven:
nuqneH
Wenn ich in dem div einen Span mit display:none; einbinde, würde der Text dann trotzdem vorgelesen?
Nein. Dich interessieren Image-Replacement-Techniken.
Qapla'
Om nah hoo pez nyeetz, Sven!
Wenn ich in dem div einen Span mit display:none; einbinde, würde der Text dann trotzdem vorgelesen?
Warum probierst du es nicht einfach aus?
Ich würde den Text via text-indent aus dem sichtbaren Bereich verschieben, dann sollte er vorgelesen werden.
Testen musst du selbst.
Matthias
Hallo!
Wenn ich in dem div einen Span mit display:none; einbinde, würde der Text dann trotzdem vorgelesen?
Weiss ich nicht. Ich habe die Klasse nodisplay per CSS definiert und hinter die Grafiken platziert.
Da war z.B. das Logo, das die drei Zeichen tm3 zeigt:
<img src='tm3.gif' alt='tm3'><span class=nodisplay>tee emm drei</span>
Hat wunderbar funktioniert.
Gast
Om nah hoo pez nyeetz, Gast!
<img src='tm3.gif' alt='tm3'><span class=nodisplay>tee emm drei</span>
Hat wunderbar funktioniert.
Die Frage ist, wie du 'nodisplay' umgesetzt hast.
Matthias