Demos of HTML5 Video and Audio Tag Accessibility

This is a collection of demos to experiment with accessibility for the new audio and video elements in HTML5.

Version 1 itext experiments

"Elephants Dream" movie with subtitles and captions in many different languages, with chapter markers, and textual audio annotations for screen readers

"Elephants Dream" demo with a different video player skin

"Chocolate Rain" song as video with subtitles and as audio with lyrics

Version 2 itext experiments

"Elephants Dream" movie with subtitles and captions in many different languages, with chapter markers, and textual audio annotations for screen readers - Version 2 itext

Multitrack experiments

"Elephants Dream" movie with a demonstration of how to present several audio tracks parallel to a video track and how much drift there is to expect.

Media Fragment Addressing experiments

Test Files

Elephants Dream srt files and videos/audios/

Chocolate Rain lrc files and video/audio

Credits

The demo creation was sponsored by Mozilla. Demos were created by by Silvia Pfeiffer to explore video and audio accessibility approaches with the new HTML5 video tag.