Embed Size (px)
DESCRIPTION
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.
Citation preview
HTML5Video
Accessibility
Silvia PfeifferMozilla / Xiph / Vquence
<videosrc="elephants_dream.ogv" poster="elephants_dream.png" controls>
</video>
<videosrc="elephants_dream.ogv" poster="elephants_dream.png" controls>
</video>
What good is a videowhen you’re
deaf?
What good is a videowhen you’re
blind?
What good is a videowhen you’reforeign?
Video Accessibility:
Captionsand
Subtitles
SRT example100:00:15,000 --> 00:00:17,951At the left we can see...
200:00:18,166 --> 00:00:20,083At the right we can see the...
300:00:20,119 --> 00:00:21,962...the head-snarlers
100:00:15,000 --> 00:00:17,951At the left we can see...
200:00:18,166 --> 00:00:20,083At the right we can see the...
300:00:20,119 --> 00:00:21,962...the head-snarlers
<video src="elephants_dream.ogv controls>
<itextlist category=”SUB">
<itext src=”subtitle_en.srt" lang="en"/>
<itext src=”subtitle_de.srt" lang="de"/>
<itext src=”subtitle_fr.srt" lang="fr"/>
<itext src=”subtitle_jp.srt" lang="jp"/>
</itextlist>
</video>
<video src="elephants_dream.ogv controls>
<itextlist category=”SUB">
<itext src=”subtitle_en.srt" lang="en"/>
<itext src=”subtitle_de.srt" lang="de"/>
<itext src=”subtitle_fr.srt" lang="fr"/>
<itext src=”subtitle_jp.srt" lang="jp"/>
</itextlist>
</video>
Video Accessibility:
AudioDescriptions
<video src="elephants_dream.ogv controls>
<itextlist category=”TAD">
<itext src=”tad_en.srt" lang="en"/>
<itext src=”tad_de.srt" lang="de"/>
<itext src=”tad_fr.srt" lang="fr"/>
<itext src=”tad_jp.srt" lang="jp"/>
</itextlist>
</video>
<video src="elephants_dream.ogv controls>
<itextlist category=”TAD">
<itext src=”tad_en.srt" lang="en"/>
<itext src=”tad_de.srt" lang="de"/>
<itext src=”tad_fr.srt" lang="fr"/>
<itext src=”tad_jp.srt" lang="jp"/>
</itextlist>
</video>
State of Affairs
» Standardisation aim for Search Engine use Cross-site use
» JavaScript prototype» Firefox patches
» Standardisation aim for Search Engine use Cross-site use
» JavaScript prototype» Firefox patches
Next Steps
» Native Browser support of<itext>
» Same interface formultitrack Ogg
» Native Browser support of<itext>
» Same interface formultitrack Ogg
1st November
Standford University
W3C Video Accessibility Workshop
Silvia PfeifferMozilla / Xiph / Vquence
http://blog.gingertech.net
T: @silviapfeiffer
![HTML5 Semantics, Accessibility & Forms [Carsonified HTML5 Online Conference]](https://img.pdfslide.us/doc/110x75/54c70c8c4a79593f288b465a/html5-semantics-accessibility-forms-carsonified-html5-online-conference.jpg)
