Order Now AdSolution Sign Up | Login » Bits on the Run Sign Up | Login »

Forums

JW Player
/
Setup Issues and Embedding

Buttons not read by screen reader

7 replies [Last post]
Posted: Fri, 2009-11-06 16:38 Mike
Anonymous's picture

I am calling "swfobject.js", "jquery-1.3.2.min.js", and "jquery.playlist.js" in that order. then...

<div id="player"></div>
<script type='text/javascript'>
var so = new SWFObject('/media/player.swf','player1','320','240','9');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addParam('wmode','transparent');
so.addParam('seamlesstabbing','true');
so.addVariable('file','playlists/playlistfile.xml');
so.addVariable('plugins','captions-1');
so.addVariable('captions.back', 'true');
so.addVariable('captions.state', 'true');
so.addVariable('captions.fontsize', '11');
so.write('player');
</script>
<noscript>
This content requires the Adobe Flash Player v9.0 or better.
<a href="http://get.adobe.com/flashplayer/">Get Flash</a>
</noscript>

Why wont screen readers read the buttons like it does on your example page? Im using JAWS 10 to test and your example page here works fine... http://www.longtailvideo.com/support/tutorials/Playlist-Tutorial

Posted: Fri, 2009-11-06 17:37 hobbs  
hobbs's picture

 
The JavaScript Playlist Tutorial is using the default wmode, which is window.

Any particular reason that you are using wmode=transparent?

The JW FLV Player doesn't have transparency, so all wmode=transparent does, is subject the client to the Flash Player's wmode=transparent bugs.

Posted: Sat, 2009-11-07 17:10 Mike  
Mike's picture

Set to transparent to allow nav menus to overlap it.

Posted: Sat, 2009-11-07 17:26 hobbs  
hobbs's picture

 
wmode=opaque is all you need, unless you want the bugs for some obscure reason.

The JW Player doesn't have transparency.

Posted: Sat, 2009-11-07 19:19 Mike  
Mike's picture

ok, thanks! I did not know that. I will try it and see if that resolves the issue.

Posted: Mon, 2009-11-09 09:19 Mike  
Mike's picture

Ok, I changed it and still nothing is read by JAWS. I am really stumped on this one!

<div id="player"></div>
<script type='text/javascript'>
var so = new SWFObject('media/player.swf','player1','410','325','9');
so.addParam('allowfullscreen','true');
so.addParam('allowscriptaccess','always');
so.addParam('wmode','opaque');
so.addVariable('file','/playlists/playlist.xml');
so.addVariable('plugins','captions-1,shortcuts-1');
so.addVariable('captions.back', 'true');
so.addVariable('captions.state', 'true');
so.addVariable('captions.fontsize', '11');
so.addVariable('stretching','fill');
so.write('player');
</script>
<noscript>
This content requires the Adobe Flash Player v9.0 or better.
<a href="http://get.adobe.com/flashplayer/">Get Flash</a>
</noscript>

Posted: Mon, 2009-11-09 11:46 hobbs  
hobbs's picture

 
Well I guess the next step would be to try wmode=window, which is the default.

If that works, you may have to re-think your menus.

If that doesn't work, then it's probably something else that is preventing JAWS from reading the buttons.

You might find some useful information in this thread: http://www.longtailvideo.com/support/forum/JavaScript-Interaction/19687/toggle-captions-with-link-be...

Posted: Mon, 2009-11-09 14:59 Mike  
Mike's picture

yup thats it. looks like im going to have to create hidden controls for screen reader users. Ugh...

  • Locked