HTML5 Video Accessibility Silvia Pfeiffer Mozilla / Xiph / Vquence

<video src=&quot;elephants_dream.ogv&quot; poster=&quot;elephants_dream.png&quot; controls> </video>

<video src=&quot;elephants_dream.ogv&quot; poster=&quot;elephants_dream.png&quot; controls>

</video>

What good is a video when you’re deaf?

What good is a video when you’re blind?

What good is a video when you’re foreign?

Video Accessibility: Captions and Subtitles

SRT example 1 00:00:15,000 --> 00:00:17,951 At the left we can see... 2 00:00:18,166 --> 00:00:20,083 At the right we can see the... 3 00:00:20,119 --> 00:00:21,962 ...the head-snarlers

1

00:00:15,000 --> 00:00:17,951

At the left we can see...

2

00:00:18,166 --> 00:00:20,083

At the right we can see the...

3

00:00:20,119 --> 00:00:21,962

...the head-snarlers

<video src=&quot;elephants_dream.ogv controls> <itextlist category=”SUB&quot;> <itext src=”subtitle_en.srt&quot; lang=&quot;en&quot;/> <itext src=”subtitle_de.srt&quot; lang=&quot;de&quot;/> <itext src=”subtitle_fr.srt&quot; lang=&quot;fr&quot;/> <itext src=”subtitle_jp.srt&quot; lang=&quot;jp&quot;/> </itextlist> </video>

<video src=&quot;elephants_dream.ogv controls>

<itextlist category=”SUB&quot;>

<itext src=”subtitle_en.srt&quot; lang=&quot;en&quot;/>

<itext src=”subtitle_de.srt&quot; lang=&quot;de&quot;/>

<itext src=”subtitle_fr.srt&quot; lang=&quot;fr&quot;/>

<itext src=”subtitle_jp.srt&quot; lang=&quot;jp&quot;/>

</itextlist>

</video>

Video Accessibility: Audio Descriptions

<video src=&quot;elephants_dream.ogv controls> <itextlist category=”TAD&quot;> <itext src=”tad_en.srt&quot; lang=&quot;en&quot;/> <itext src=”tad_de.srt&quot; lang=&quot;de&quot;/> <itext src=”tad_fr.srt&quot; lang=&quot;fr&quot;/> <itext src=”tad_jp.srt&quot; lang=&quot;jp&quot;/> </itextlist> </video>

<video src=&quot;elephants_dream.ogv controls>

<itextlist category=”TAD&quot;>

<itext src=”tad_en.srt&quot; lang=&quot;en&quot;/>

<itext src=”tad_de.srt&quot; lang=&quot;de&quot;/>

<itext src=”tad_fr.srt&quot; lang=&quot;fr&quot;/>

<itext src=”tad_jp.srt&quot; lang=&quot;jp&quot;/>

</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 for multitrack Ogg

Native Browser support of <itext>

Same interface for multitrack Ogg

1st November Standford University W3C Video Accessibility Workshop

Silvia Pfeiffer Mozilla / Xiph / Vquence [email_address] http://blog.gingertech.net T: @silviapfeiffer