Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Video Accessibility HTML5

2,021 views

Published on

A 3 min presentation I gave at yesterday's WebJam in Sydney on video accessibility with the HTML5 video element - proposed tags and actual work.

Published in: Technology
  • Be the first to comment

Video Accessibility HTML5

  1. 1. HTML5 Video Accessibility Silvia Pfeiffer Mozilla / Xiph / Vquence
  2. 2. <ul><li><video src=&quot;elephants_dream.ogv&quot; poster=&quot;elephants_dream.png&quot; controls> </li></ul><ul><li></video> </li></ul>
  3. 3. What good is a video when you’re deaf?
  4. 4. What good is a video when you’re blind?
  5. 5. What good is a video when you’re foreign?
  6. 6. Video Accessibility: Captions and Subtitles
  7. 7. SRT example <ul><li>1 </li></ul><ul><li>00:00:15,000 --> 00:00:17,951 </li></ul><ul><li>At the left we can see... </li></ul><ul><li>2 </li></ul><ul><li>00:00:18,166 --> 00:00:20,083 </li></ul><ul><li>At the right we can see the... </li></ul><ul><li>3 </li></ul><ul><li>00:00:20,119 --> 00:00:21,962 </li></ul><ul><li>...the head-snarlers </li></ul>
  8. 8. <ul><li><video src=&quot;elephants_dream.ogv controls> </li></ul><ul><li><itextlist category=”SUB&quot;> </li></ul><ul><li><itext src=”subtitle_en.srt&quot; lang=&quot;en&quot;/> </li></ul><ul><li><itext src=”subtitle_de.srt&quot; lang=&quot;de&quot;/> </li></ul><ul><li><itext src=”subtitle_fr.srt&quot; lang=&quot;fr&quot;/> </li></ul><ul><li><itext src=”subtitle_jp.srt&quot; lang=&quot;jp&quot;/> </li></ul><ul><li></itextlist> </li></ul><ul><li></video> </li></ul>
  9. 9. Video Accessibility: Audio Descriptions
  10. 10. <ul><li><video src=&quot;elephants_dream.ogv controls> </li></ul><ul><li><itextlist category=”TAD&quot;> </li></ul><ul><li><itext src=”tad_en.srt&quot; lang=&quot;en&quot;/> </li></ul><ul><li><itext src=”tad_de.srt&quot; lang=&quot;de&quot;/> </li></ul><ul><li><itext src=”tad_fr.srt&quot; lang=&quot;fr&quot;/> </li></ul><ul><li><itext src=”tad_jp.srt&quot; lang=&quot;jp&quot;/> </li></ul><ul><li></itextlist> </li></ul><ul><li></video> </li></ul>
  11. 11. State of Affairs <ul><li>Standardisation aim for </li></ul><ul><ul><li>Search Engine use </li></ul></ul><ul><ul><li>Cross-site use </li></ul></ul><ul><li>JavaScript prototype </li></ul><ul><li>Firefox patches </li></ul>
  12. 12. Next Steps <ul><li>Native Browser support of <itext> </li></ul><ul><li>Same interface for multitrack Ogg </li></ul>
  13. 13. 1st November Standford University W3C Video Accessibility Workshop
  14. 14. Silvia Pfeiffer Mozilla / Xiph / Vquence [email_address] http://blog.gingertech.net T: @silviapfeiffer

×