Captions and transcripts for audio and video

Name:

Date:

Class:

Quick Questions

Shade in the A or B circle for each question.

1. Who benefits from captions on a video?

A Only people who can already hear the video clearly

B Deaf or hard-of-hearing viewers, and people watching with the sound off

2. Which one gives the full text of a podcast so it can be read without listening?

A A transcript

B A thumbnail image

3. Your video has auto-generated captions. What should you do before publishing?

A Publish them as they are, because AI is always right

B Read through them and fix any mistakes

4. Which statement about captions is correct?

A Captions show spoken words as on-screen text

B Captions are a different name for the video title

5. You post an audio-only interview on your class website. Which is the best way to make it accessible?

A Add a transcript of the interview

B Make the volume louder

Match the Pairs

Draw a line connecting each item on the left to its match on the right.

Left column		Right column
1<track kind="captions" src="talk.vtt" srclang="en">		AThere is no transcript, so deaf and hard-of-hearing users cannot access the audio content.
2<a href="podcast-transcript.html">Read the transcript</a>		B<video controls src="clip.mp4"><track kind="captions" src="clip.vtt"></video>
3Captions can be added to a video so people watching with the sound off can still follow what is said		C<audio controls src="interview.mp3"></audio> <p><a href="interview.txt">Transcript</a></p>
4An audio file needs a transcript, a full text version, so deaf or hard-of-hearing users can access it		DAuto-generated captions often get names, slang and technical words wrong, so they must be checked and corrected by a person.
5Auto-captions were switched on, so the video is accessible and needs no checking.		ELinks to the full text of an audio recording so deaf or hard-of-hearing users can access it
6<audio controls src="podcast.mp3"></audio> <!-- no text version provided -->		FAdds a captions file to a video so spoken words appear as on-screen text

Definitions

captions and transcript

Fill in the Blanks

Complete each line of code by filling in the missing parts.

<audio controls src="podcast.mp3"></audio> <_ href="transcript.html">Read transcript</a>

<audio controls src="podcast.mp3"></audio> <a ____="transcript.html">Read transcript</a>

Spot the Error

Shade in the letter of the line that contains an error.

Question 1

A <video controls>

B <source src="talk.mp4">

C <track kind="captions"

D src="talk.mp4" srclang="en">

E </video>

Question 2

A <audio controls src="ep1.mp3">

B </audio>

C <a href="t.txt">Transcript<a>

Question 3

A <h2>Podcast transcript</h2>

B <p>Welcome back!</p>

C <p>Guest: Thanks!</p>

Question 4

A <h2>Episode 4</h2>

B <audio controls scr="ep4.mp3">

C </audio>

D <p>Transcript below</p>

Question 5

A Upload video

B Generate auto captions

C Fix wrong words and names

D Publish auto captions as is

Answer Key

Captions and transcripts for audio and video

Section A: Quick Questions

B — Deaf or hard-of-hearing viewers, and people watching with the sound off

A — A transcript

B — Read through them and fix any mistakes

A — Captions show spoken words as on-screen text

A — Add a transcript of the interview

Section B: Match the Pairs

<track kind="captions" src="talk.vtt" srclang="en"> → Adds a captions file to a video so spoken words appear as on-screen text

<a href="podcast-transcript.html">Read the transcript</a> → Links to the full text of an audio recording so deaf or hard-of-hearing users can access it

Captions can be added to a video so people watching with the sound off can still follow what is said → <video controls src="clip.mp4"><track kind="captions" src="clip.vtt"></video>

An audio file needs a transcript, a full text version, so deaf or hard-of-hearing users can access it → <audio controls src="interview.mp3"></audio> <p><a href="interview.txt">Transcript</a></p>

Auto-captions were switched on, so the video is accessible and needs no checking. → Auto-generated captions often get names, slang and technical words wrong, so they must be checked and corrected by a person.

<audio controls src="podcast.mp3"></audio>  → There is no transcript, so deaf and hard-of-hearing users cannot access the audio content.

Section C: Definitions

captions and transcript — Captions show spoken words as on-screen text. A transcript is the full text of audio or video. Both help deaf, hard-of-hearing and no-sound viewers. Always check auto-captions.

Section D: Fill in the Blanks

<video src="talk.mp4" controls>
  <track kind="captions" src="en.vtt">
</video>

<video src="talk.mp4" controls>
  <track kind="captions" src="en.vtt">
</video>

<audio controls src="podcast.mp3"></audio>
<a href="transcript.html">Read transcript</a>

<audio controls src="podcast.mp3"></audio>
<a href="transcript.html">Read transcript</a>

<video src="talk.mp4" controls>
<track kind="captions" src="a.vtt" default>
</video>

Section E: Spot the Error

D — The track element needs a caption file, not the video file. The src should be "talk.vtt" so the browser can show the spoken words as text.

C — The link is closed with <a> instead of </a>. The closing tag needs a slash so the transcript link works properly.

B — The speaker label is missing. A transcript should say who is talking, so this line should be <p>Host: Welcome back!</p>.

B — The attribute is spelled scr instead of src, so the audio file will not load. It should be src="ep4.mp3".

D — Auto-generated captions often have mistakes, so they must be checked and fixed first. This line should publish the checked captions.