ADA compliance

Hi. We need ADA compliance for our site, and your player/button markup was giving us errors. I edited the plugin to achieve compliance, which of course will be deleted on update. So I thought I’d share what I changed since it’s just a few simple additions — maybe you’d consider adding in the next update?

The cover img:
Added role attribute.
<div id=”lyte_xrRDlOWR1OU” role=”img” data-src=”” class=”pL”>

The play button:
I switched from div to button and added screen-reader text inside. Had to add tabindex and aria label to wrapper. (This may not be perfect semantics, but it passed the compliance checker)

<div class=”tC” tabindex=”0″ aria-label=”none” >

<button class=”play”><span class=”sr-only sr-only-focusable”>Play</span>

• This topic was modified 11 months, 3 weeks ago by LS.
• This topic was modified 11 months, 3 weeks ago by LS.
• This topic was modified 11 months, 3 weeks ago by LS. Reason: added clarity