Tip 22Making Videos Accessible

None of the fallback solutions we’ve discussed work well for users with disabilities. In fact, the HTML5 specification explicitly points that out. A hearing-impaired person won’t find any value in being able to download the audio file, and a visually impaired person won’t have much use for a video file that’s viewable outside of the browser. When you provide content to our users, you should provide usable alternatives whenever possible. Video and audio files should have transcripts that people can view. If you produce your own content, transcripts are easy to make if you plan them from the start because they can come right from the script. Let’s add a simple transcript right below our video:

html5_video/videojs_index.html ...

Get HTML5 and CSS3, 2nd Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.