Provide transcripts for all prerecorded audio-only content
Content available in English only.
Accessibility isn’t just about avoiding violations — it’s about ensuring that everyone can use your product with confidence. This guide explains each rule’s intent, highlights common issues, and shows how to fix them according to WCAG and the European Accessibility Act (EAA).
These guidelines do not replace the official WCAG standards. They’re concise, developer-focused notes to help you identify and fix issues effectively.
Every audio-only file needs a transcript for full accessibility.
Why this matters and how to fix it
Why this matters
Users who are deaf or hard of hearing cannot access audio-only content without a text alternative. Transcripts provide full access to spoken dialogue and important sound cues, ensuring equivalent information for all users.
How to fix this issue
Provide a complete transcript for all prerecorded audio-only media, including spoken content, speaker names, and relevant sound effects. Make the transcript easily accessible on the same page or directly alongside the audio player.
Developer guidance
This applies to podcasts, interviews, guided audio tours, and training recordings. If using automated transcription tools, review for accuracy. Integrate a transcript field in your CMS or component library to ensure every audio upload includes a text alternative.
Code examples
Incorrect Implementation
<audio controls src="interview.mp3"></audio>Correct Implementation
<audio controls src="interview.mp3"></audio>
<p><a href="interview-transcript.html">Read the full transcript</a></p>Real-World Examples
Before
<audio controls src="podcast.mp3"></audio> <!-- No transcript; deaf users cannot access content -->After
<audio controls src="podcast.mp3"></audio>
<p><a href="podcast-transcript.html">Read the full transcript</a></p> <!-- Transcript provides full access -->Manual testing
- 1. Identify all prerecorded audio-only content on the page.
- 2. Confirm that a transcript is provided and visible or easily accessible.
- 3. Verify that the transcript includes all spoken words, speaker names, and meaningful sound cues.
- 4. Test using a screen reader to ensure transcript is readable and corresponds to the audio content.
- 5. For automated transcripts, review accuracy and update as necessary.
Trusted by organizations across Europe working toward WCAG and EAA conformance