Lesson 17 / 25

Video/audio captions

Provide captions and transcripts for audio and video content.

Captions & transcripts

Captions: all dialogue + sound descriptions. Subtitles: dialogue only, usually for translation. Transcript: text of all audio. Required for WCAG AA video content.

HTML5 video with captions

Use <track> element to include captions in VTT format.

<video controls aria-label="Tutorial video">
  <source src="tutorial.mp4" type="video/mp4" />
  <track 
    kind="captions" 
    src="captions-en.vtt" 
    srclang="en" 
    label="English"
  />
  Your browser does not support video.
</video>

Audio transcripts

Provide a text transcript below or linked from audio players. Helpful for search engines too.