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

Media Fragment Addressing experiments

"Elephants Dream" movie with a demonstration of how to directly jump to time offsets in videos through URL changes and URL addressing

Test Files

Elephants Dream srt files and video

Chocolate Rain lrc files and video/audio

Credits

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