Our Blog

Thoughts, news, insights and sometimes just random musings.
2 minutes reading time (381 words)

WCAG: 1.2.1 Audio-only and Video-only (Prerecorded)

audio-vide_20190206-194818_1

The Fancy Name: WCAG 1.2.1 Audio-only and Video-only (Prerecorded) 

This is ensuring that your visitors can understand the gist of video/ audio content in similar ways to those viewing/ hearing the media.

I'm a huge fan of applicable learning, so let's take this video of cats flying to Star Wars themes (because what other example would I possibly use?):

If I was going to embed this on our own website, I'd want to see a link that says "Click here for text version". Upon click, the user would see this page of text:

Cats are riding small models of Star Wars aircraft with Star Wars-themed soundtrack playing the background. Then, cats are fighting in the small models throughout an office space, and then have a battle.

Man walks in, and says "What did I say? You two are grounded - one week. No more Star Wars, and I want all of this cleaned up."

As I mentioned in my last post, you can also add captions (which I'll delve into in more detail in my next post), which also significantly helps accessibility. In tomorrow's post, I'll highlight ways to utilize existing technology on YouTube/ Vimeo to help accomplish this.

Also - be a gem, and have an audio-only link as well. This is suitable for people who may not be able to experience video movement. 

For Podcasts

 ​Podcasts are great! Just add a text transcript. See, that was easy!

Do's and Don'ts with Time Based Media

  • ​Keep the user at the center. If you have a lengthy video ad showing Nike shoes, describe the video as one would perceive it. For example - "A man in his 30s running on a track with Nike shoes." vs. "A man in his 30s, running with Nike shoes that are glistening in the moonlight due to perfect and sublime craftsmanship. He must really love those Nike shoes. If you want to be like him, you should also buy a pair of these Nike shoes." The latter example is marketing-focused, and not user-focused. Be user-focused.
  • Don't place descriptions as alt text or longdesc (I'm being an HTML nerd here) for the transcriptions. These should be resolved for brief explanations for brief videos. Again, simply put the user in the center.