8 Steps to Creating Accessible Video

Gian Wild
Photo: drinksmachine

Photo: drinksmachine

Video is great. It can help you get your message across quickly, entertainingly, and provide a bit of character. Visitors are often more likely to watch a short video than they are to read a wall of text.

What’s more, recent statistics show that video makes up approximately 65% of all search results, so it’s definitely an area you need to be thinking about!

Google really likes video, but it likes accessible video even more.

The theory is that video takes longer to produce than web content and therefore is ranked higher by Google. Couple that with the fact that people spend on average an additional two minutes on web sites that host videos.

Google video cameras.

Photo: Fred Benenson

Videos that include captions means that double the number of people will finish watching your video (from 40% up to 80%) – and remember your search ranking is directly related to how long people spend on your site.

LiveClicker found that pages with transcripts earned 16% more revenue than pages that just had video-only content.

The catch, though, is that while simple text is pretty easy to make accessible so long as you don’t do anything too crazy, video is rather more complicated.

People who are blind can hear the audio, but not see what is happening. People who are deaf can see what’s happening but not hear the audio. The video itself may be too fast-paced for people with cognitive impairments. And so on.

Also consider that a lot of video players simply can’t be controlled via the keyboard, which is often a necessity for many people with disabilities.

So what can you do?

Step 1: Build accessibility in from the start

Accessible stairs on a building entry.

Photo: Mathias Liebing

When producing the video you need to give some thought to accessibility. For example, if you’re displaying text on screen, make sure that it’s reasonably large, uses high-contrast colours, and remains on-screen for long enough to be read.

Step 2 : Make sure your video player is accessible

Most video players are inaccessible to some groups of people with disabilities. They often contain keyboard traps (where the keyboard focus gets trapped inside the video and the user has to shut down the browser entirely), or keyboard users can’t use them at all.

Some video players don’t support captions or audio descriptions which are essential for deaf and blind people respectively. Have a look at our accessible video player OzPlayer and watch the video which explains some of the problems with video players that we have encountered.

Step 3 : Never Allow Auto-play

Play button on computer keyboard

Photo: ntr23

Video that play automatically as soon as the page loads (this is what videos in YouTube do) can be extremely disorienting to a number of groups of users.

It is especially problematic for people with vision impairments that use a screen reader (a screen reader reads the text on the page aloud), as they often cannot hear their screen reader over the video.

Even the simple act of tracking a sound’s origin can be a needlessly difficult task for many users.

Step 4 : No flashing content!

It is well-documented that flashing or strobing content can trigger epilepsy and migraines in susceptible individuals.

pokemon

In Japan, an episode of the Pokemon series contained flashing content. It was watched by 4.6 million households and triggered photosensitive seizures in over 12,000 people. More than 600 children were admitted to hospital.

While they may say there’s no such thing as bad publicity, ending up in hospital has to be bad for the brand!

The best way to make sure your video doesn’t contain any flashing content is to run it through the Photo-sensitive Epilepsy Analysis Tool (PEAT).

Step 5 : Provide a transcript

Teleprompter in action

Photo: ThisDayToday

This is more than just the script of what is spoken in the video. It should also contain descriptions of the action or information on-screen. It must be provided in text, HTML or Word and must be immediately after the video or linked immediately after the video.

Also consider an interactive transcript – see OzPlayer for an example. A study by 3PlayMedia found uni students overwhelmingly recommended interactive transcripts (94.8%). This is due to a number of factors, including multi-sensory engagement, the ability to move at their own pace and the capacity to copy and paste information from the transcript into their own study guides.

Step 6 : Provide captions

3 examples of closed captioning.

Photo: CaptMikey9

Captions are a text version of the speech and sound on the video. These are displayed over the video, typically at the bottom, and are toggled on and off by the viewer through the video player. They let deaf and hard-of-hearing users follow the dialogue.

Captions are not subtitles. Subtitles are a direct translation of the speech (and the speech only) from one language to another. Subtitles do not include any other sounds that are in the video.

Captions should appear at the same time as the sound they are captioning and appear onscreen long enough to be read. There should be no periods of the video without captions. For example if there is no sound in the video except some background music, the caption can say “Music playing”. Often captions that describe sounds (instead of speech) are also italicized.

You should also consider providing captions in multiple languages. That’ll let people whose primary language isn’t English follow along. Whether you need to do this or not will depend a lot on your target audience.

You can get YouTube to automatically add captions to your video – but we don’t recommend it. We had a client that had a video of their premier speaking to some school children, and they had used the YouTube auto-captioning feature, and the captions had swear words!

You can, however, write a script and upload it to YouTube with your video. YouTube will then automatically place the captions at the time of the relevant speech. This can save a lot of time.

Step 7 : Use audio descriptions

This is a spoken audio track played along with the video and it lets blind and vision-impaired users know what’s happening on the screen. It is important that this includes all visual information. These can be a bit tricky, and ideally should be taken into consideration during the production of the video, although “extended” audio descriptions can be used where the video itself pauses while the audio description plays.

For an example of extended audio descriptions see the Pictures of You site. You will need to turn on the audio descriptions.

Step 8: Consider using sign language

Hand signals in street art

Photo: walknboston

This feature isn’t so common, but if you are targeting an audience with disabilities then you should give this serious consideration. The typical arrangement is to have a sign language interpreter in a small picture-in-picture window in the video.

Brisbane City Council has added Auslan as picture-in-picture to their Toward an Accessible and Inclusive Brisbane video.

IMPORTANT: Don’t get overwhelmed!

This can all feel a bit overwhelming, so you may want to engage specialists to produce the captions, transcript, and audio descriptions.

Some video production firms can do this for you, though they might have some difficulty with audio descriptions and very few will have much experience with sign language. If you don’t have the budget, simply providing a transcript (in an accessible format of course!) can go a long way towards making your video accessible to someone with a disability. It’s worth doing.

Quite apart from any considerations of “doing the right thing”, it’s a sound business move: by being inclusive you’re expanding your potential customer base, and you’re also giving potential customers who’re concerned with social justice issues a good impression and more reasons to choose you over your competitors.

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • http://www.qmscreatives.com Rajat Gupta

    thanks. can you please suggest a good video editor, in which i can add captions, music and other features first and then upload to you tube ? this will help save a lot of time, coz it takes a lot of time to first upload the video and then add captions and other things to the video in you tube.

    • Accessibility Oz

      Hi Rajat
      We use VideoPad video editor.
      Cheers,
      Gian

      • http://www.qmscreatives.com Rajat Gupta

        thanks gian

  • Accessibility Oz

    Yes, that’s an excellent idea. Make sure you always provide a transcript though, for those people who can’t access the video.

  • Alex Walker

    That’s the value we deliver at SItePoint, Dey. 30% Extra FREE!

    Thanks though, Dey. Edit made.

    • Accessibility Oz

      The title still says six steps though!

  • Accessibility Oz

    Hi Dey

    I got it from 3playmedia [http://www.3playmedia.com/2013/03/01/video-seo-series-7-key-benefits-web-video-transcriptions-captions/].

    They say:
    “Studies show that transcripts increase engagement and that captions increase the completion rate of video from 40% to 80%.”

  • James Edwards

    YouTube’s auto captioning is a fantastic idea, but it has a long way to go before it’s usable. I turn it on from time to, just to check it out, and in my experience it gets about half the speech right, and half gibberish, which is not enough to understand the video if you can’t hear it as well.

    On another point — the term “subtitles” is used in UK television to mean the same thing that “closed captions” means in the US and the W3C spec. Online TV such as BBC iPlayer has a “S” button to enable them; the terms “captions”, “closed captions” or “CC” are never used.

    Now I’ve never seen an online video that made that distinction (i.e. offered separate subtitles and closed captions), but I have seen many cases where the terms are used interchangeably, and so perhaps it’s a good thing that true subtitles are rare on the web, else it could be a cultural mire!

    • Accessibility Oz

      Hi James
      Ah, good to know. Language is always a barrier!
      There is a great YouTube video called the Fake Jamaican Vacation (https://www.youtube.com/watch?v=23H8IdaS3tk) which auto-captions a short skit then runs the next skit based on the captions YouTube creates. It is hilarious!