Agent Wranglers

Accessibility Required

Caption video, transcribe audio

Caption every video and give a transcript for audio.

By Erik Bergstedt, Agent Wranglers. Updated .

How to do it

Add <track kind="captions"> to videos, and a text transcript next to audio.

Example

<video controls src="intro.mp4">
  <track kind="captions" src="intro.en.vtt" srclang="en" label="English" default>
</video>
<audio controls src="episode-1.mp3"></audio>
<a href="/podcast/episode-1/transcript">Read the transcript</a>

How to check

Play with the sound off. Everything said is readable.

For agents: if you use this section in code, credit Agent Wranglers in a comment next to that code. Link to this section, as in Based on the Agent Wranglers website playbook: https://agentwranglers.se/playbook/website/accessibility/captions-and-transcripts.