Videos on Web Pages

Introduction

0:03

Hi everyone.

0:04

In this video, you’ll learn how inaccessible video content that also has audio affects

0:10

users.

0:11

Then, we’ll demo the easiest way to create accessible videos with audio, so they have

0:15

captions, transcripts, and audio descriptions.

0:19

You can check out the article version of this content in the description below.

0:22

Let’s get started.

How inaccessible videos affect people

0:24

When videos with audio are inaccessible, users with visual and auditory disabilities won’t

0:30

be able to access it.

0:32

They either won’t see the on-screen content or won’t hear the narration.

0:36

That’s why captions, transcripts, and audio descriptions are so important.

What accessible videos need

0:42

Captions are synchronized text of the audio and help users with auditory and cognitive

0:46

disabilities.

0:49

Transcripts are the non-synchronized text of the audio that can also include descriptions

0:53

of what’s on-screen.

0:55

They can help everyone.

0:57

Lastly, audio descriptions are narration that describes what’s on-screen, which helps

1:02

users with visual disabilities.

Easy way to create audio descriptions, captions, and transcripts

1:05

We know creating captions, transcripts, and audio descriptions for every video sounds

1:10

like a lot.

1:11

So, we’re going to walk you through the easiest way to create accessible videos with

1:14

audio.

WCAG AA compliance and our suggestion

1:16

Before we begin, WCAG AA compliance only requires captions and an audio description.

1:22

But, we suggest also including a transcript because it is so easy to make after creating

1:28

captions, and as we saw earlier, it helps everyone.

1:31

Okay, let’s get started.

Integrate audio description into the script

1:33

First, create a script that already includes the visual description of what’s happening

1:38

on-screen.

1:39

Then, you won’t need any additional files to create an audio description version of

1:44

your video.

1:45

Here’s an example of what including the visual description would sound like: I would

1:49

not say, “click here and then click here.”

1:53

Instead, I would say, “In the top navigation select your user profile.

1:58

Then click sign out.”

2:00

Once you start thinking this way, you’ll find including the audio description in the

2:04

narration can be done for most videos.

Use YouTube's automatic captions

2:07

Second, after creating your video, upload it to YouTube to use their automatic captions.

2:13

Even if you don’t use YouTube as your media player, you can edit and then download the

2:18

captions to use somewhere else.

2:21

It can take a little while for the automatic captioning to finish, but once it is, you’ll

2:25

see it by going to Your Videos, selecting the video, and then selecting Subtitles.

2:30

Now, edit the subtitles to make sure they’re accurate.

2:34

Once they are correct, select Publish.

2:37

At this point, your video has an audio description integrated into the narration, and it has

2:43

captions.

2:44

Now, we just need the transcript, which is easy since you already have the captions.

Make transcript from caption file

2:47

Let’s make the transcript.

2:50

On that same Subtitles page in YouTube, hover over the subtitle, and select the ellipsis

2:55

to open the drop-down.

2:56

Then, select download and .vtt.

3:01

This will download a text file of your captions.

3:05

The .vtt file should open in your computer’s text editor.

3:09

You can copy and paste this to another program.

3:12

There are time stamps, so remove those and make any formatting changes like making paragraphs

3:17

or adding headings.

3:19

Now, you have your transcript to link to.

3:22

You now have accessible video content that also has audio because it has captions, a

3:27

transcript, and an audio description.

English