WCAG 2.1 · Level A · Perceivable

WCAG 1.2.1 — Audio-only and Video-only (Prerecorded), explained with examples

For prerecorded audio-only content, provide a transcript. For prerecorded video-only content, provide either a transcript or an audio description. Audio-only podcasts and video-only product demos are inaccessible to deaf or blind users without a text alternative. Transcripts also benefit search engines and indexing.

Number
1.2.1
Level
A
Principle
Perceivable
Guideline
1.2 Time-based Media
01 / 05

Why this criterion exists

Audio-only podcasts and video-only product demos are inaccessible to deaf or blind users without a text alternative. Transcripts also benefit search engines and indexing.

If you only remember one thing: for prerecorded audio-only content, provide a transcript. for prerecorded video-only content, provide either a transcript or an audio description. Everything else on this page is detail.

02 / 05

Who feels it when this fails

Accessibility criteria sometimes feel abstract until you see who pays the cost when a site ignores them. Audio-only and Video-only (Prerecorded) affects:

  • Deaf and hard-of-hearing users (audio-only)
  • Blind users (video-only)
  • Non-native speakers
03 / 05

How sites typically fail it

These are the patterns we see week after week. None are intentional — they are accidents of how teams build interfaces under deadline. Knowing the failure modes is the fastest path to writing them out of your component library.

  • Podcast pages with audio embed and no transcript
  • Animated explainer videos without narration or transcript
04 / 05

How to test for it

  • Pick every audio file or silent video; verify a transcript exists nearby.

Automated scanners catch this criterion most of the time, but never all of the time. Manual testing with the keyboard and a screen reader closes the gap.

05 / 05

A code fix you can copy

Pair the audio element with a visible transcript, ideally on the same page.

The problem

HTML
<audio src="/podcast.mp3" controls></audio>

The fix

HTML
<audio src="/podcast.mp3" controls></audio>
<details>
  <summary>Read the full transcript</summary>
  <p>...</p>
</details>

Pair the audio element with a visible transcript, ideally on the same page.

Frequently asked questions

Does a YouTube auto-generated transcript satisfy 1.2.1?

Auto-generated captions are generally not considered WCAG-compliant because they contain errors, particularly for technical jargon, proper nouns, and accented speakers. A reviewed and corrected transcript or caption file is required. Auto-captions can be a starting point for editing, but they must be reviewed before claiming conformance.

What format should a transcript take?

A text transcript can be a simple HTML page, a collapsible <details> element below the audio player, or a linked PDF. It must include all spoken dialogue, speaker identification where multiple speakers are present, and meaningful non-speech audio (e.g., "[applause]", "[phone ringing]"). Plain text on the same page is the most accessible and SEO-friendly format.

Find every accessibility issue on your site in 60 seconds.

Free public scan. No card. AI-generated fixes for every issue we find.