Versteckter Text-Block und Screenreader Jaws
Messmar
- barrierefreiheit
Hallo,
ich habe einen Falsh-Movie auf einer Html-Seite bzw. XHTML-Seite.
Da der Text in dem Falsh-Film vom Screenreader (Jaws) nicht gelesen werden kann, habe ich mir einen Text-Block mit der Eigenschaft: "display:none" definiert so, dass der User im Browser den Text-Block nicht sehen kann.
Dazu will ich aber, daß der Screenreader den versteckten Text-Block vorliest. Das geschieht aber leider nicht.
Hat Einer bitte eine Idee woran das legt oder wie ich das hinbekommen könnte?
vielen Dank im voraus.
Gruß
Messmar
hi,
Dazu will ich aber, daß der Screenreader den versteckten Text-Block vorliest. Das geschieht aber leider nicht.
Hat Einer bitte eine Idee woran das legt
daran, dass viele gängige screenreader m.W. per display:none versteckte elemente nicht berücksichtigen.
oder wie ich das hinbekommen könnte?
das element "verstecken", in dem du es per absoluter positionierung mit negativem top-wert weit oben "über" den viewport legst.
gruß,
wahsaga
Hi!
das element "verstecken", in dem du es per absoluter positionierung mit negativem top-wert weit oben "über" den viewport legst.
Kann dies nicht auch zum google-Ausschluss führen (wenn man es übertreibt)?
Gruß aus Iserlohn
Martin
hi,
daran, dass viele gängige screenreader m.W. per display:none versteckte elemente nicht berücksichtigen.
Okay, das ist mir jetzt klar geworden
[...] in dem du es per absoluter positionierung mit negativem top-wert weit oben "über" den viewport legst.
Ich habe es geändert, aber es funktioniert immer noch nicht. Irgendwie liest der Screenreader den text nicht.
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="content-language" content="us-en" />
<meta name="Type" content="Text" />
<meta http-equiv="Content-Style-Type" content="text/css" />
</head>
<body>
<div style="position:absolute; left: -999px; width: 990px">
<h3>RBS Online Guide Storyboard Why go online?</h3>
Visit 'Portfolio Summary' to view your share plan holdings
For more detailed information about each plan you can click on the 'details' link
Alternatively from the 'Portfolio summary' screen you can click on the valuation tab to see the current value and share price for your shares
Follow the 'Exercise Options' link to exercise your Option 2000 plan
Any questions? Visit the FAQ page for help and information
</div>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="700" height="525" hspace="0" vspace="0" align="middle">
<param name="allowScriptAccess" value="sameDomain">
<param name="movie" value="rbs.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<embed src="rbs.swf" width="700" height="525" hspace="0" vspace="0" align="middle" quality="high" bgcolor="#ffffff" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</object>
</body>
</html>
Danke und gruß
Messmar
hi,
Ich habe es geändert, aber es funktioniert immer noch nicht. Irgendwie liest der Screenreader den text nicht.
dann interpretiert der offenbar doch mehr CSS, als ich angenommen hätte.
aber <obejct> erlaubt es doch, als kindelemente alternativinhalt anzugeben - hast du das schon mal probiert?
http://www.alistapart.com/articles/flashsatay/, "Alternative Content" (ziemlich weit unten).
gruß,
wahsaga
Hallo Wahsaga,
aber <obejct> erlaubt es doch, als kindelemente alternativinhalt anzugeben - hast du das schon mal probiert?
Das hier scheint zu funktionieren. Ich habe den Alternativtext innerhalb des Objekt-Tags eingefügt und der wird gelesen ;-)
Ich wußte bloß nicht wie ich den Screenreader dazu bringen kann, daß er
am Ende eins satzes eine ganz kurze pause anlegt und dann weiter vorliest.
Das sollte aber im Code machbar sein.
Danke für deine Hilfe und Gruß aus München
Messmar
Hallo,
Ich habe es geändert, aber es funktioniert immer noch nicht. Irgendwie liest der Screenreader den text nicht.
Welche JAWS-Version benutzt du? Das würde ich gerne testen, weil so etwas eigentlich funktionieren sollte.
<div style="position:absolute; left: -999px; width: 990px">
...
</div>
Mathias
Hallo Mathias
Welche JAWS-Version benutzt du? Das würde ich gerne testen, weil so etwas eigentlich funktionieren sollte.
Das hier: JAWS 6.10
Es funktioniert jetzt innerhalb des Obejct-Tags.
Mein Probem ist jetzt, wie ich den Screenreader zwinge eine Pause zu machen wenn der Satz zu ende geht.
Messmar
Hallo Messmar.
Mein Probem ist jetzt, wie ich den Screenreader zwinge eine Pause zu machen wenn der Satz zu ende geht.
Mit einem „.“?
Einen schönen Dienstag noch.
Gruß, Ashura
Hallo Messmar,
Dazu will ich aber, daß der Screenreader den versteckten Text-Block vorliest.
Hast du:
@media screen {
.alternativ {
display:none;
@media aural {
.alternativ {
display:block;
schon ausprobiert?
Grüße,
Jochen
Hi,
@media screen {
.alternativ {
display:none;@media aural {
.alternativ {
display:block;schon ausprobiert?
Innerhalb des Head-Tags oder wie?
Danke und Gruß
Messmar
Hallo,
Innerhalb des Head-Tags oder wie?
genau da. http://de.selfhtml.org/css/formate/einbinden.htm#media oder in einem separaten Stylesheet:
http://de.selfhtml.org/css/formate/einbinden.htm#link_media
Grüße,
Jochen
Hast du:
@media screen {
.alternativ {
display:none;@media aural {
.alternativ {
display:block;schon ausprobiert?
Screenreader ignorieren Styles für aural.
Mathias
Hallo Mathias,
Screenreader ignorieren Styles für aural.
ja klar, das macht Sinn!?
Diese Screenreader kommen zufällig aus Redmont? Im ignorieren von Styles hat man dort bekanntlich die größte Erfahrung ....
Grüße,
Jochen
Hallo Maxx,
Screenreader ignorieren Styles für aural.
Diese Screenreader kommen zufällig aus Redmont?
http://css-discuss.incutio.com/?page=ScreenreaderVisibility
Grüße
Roland