Experiment description

extends the video controls with a menu button for the time-aligned text tracks which enables the user to switch between different languages for the different tracks

the textual audio annotations are mapped into an aria-live activated div element, such that they are indeed read out by screen-readers; this div sits behind the video, invisible to everyone else

the chapters are displayed as text on top of the video

the subtitles and captions are displayed as overlays at the bottom of the video

these three display mechanisms are supposed to be default display mechanisms for these kinds of tracks, that could be overwritten by the stylesheet of a Web developer, who intends to place the text elsewhere on screen

Credits

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

Thanks to the Orange Open Movie Team for the Creative Commons licensed "Elephants Dream" movie that was used as an example here, (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org.