Time-based media


Time-based media is content whose understanding depends on time flowing: audio file, video, or both combined. In accessibility, each type of time-based media requires specific alternatives: transcription, captions, audio description. WCAG devotes nine success criteria to it (guideline 1.2).


A podcast without transcription, a training video without captions, a live webinar without real-time captions. Three everyday situations, one common problem.

#What exactly is time-based media?

The term covers all content that unfolds over time. WCAG guideline 1.2 distinguishes four categories:

  • Audio only: podcast, voice message, MP3 file.
  • Video only: silent animation, tutorial without soundtrack.
  • Audio-video: video with a soundtrack (the most common case).
  • Interactive media: audio or video combined with user interaction.

Each category has its own obligations. An audio file alone does not need captions, but it requires a text transcription. A silent video does not need audio description, but it requires an alternative describing what happens on screen.

WCAG adds a second distinction: pre-recorded or live. The nine success criteria (1.2.1 through 1.2.9) specify whether each one applies to live content, recorded content, or both.

#The pitfall most teams ignore

Many teams think "time-based media = video." They add captions and consider the topic settled.

Except a podcast is time-based media. A recorded call is too. Criterion 1.2.1 requires a text transcription for all pre-recorded audio-only content. This is level A, the minimum. Without transcription, a deaf person has no access to the content.

The opposite mistake exists too: providing only captions when information comes through the image. A tutorial that shows on-screen manipulations without describing them orally? Captions are useless for a blind person. You need audio description or, at minimum, a transcription that describes the visual actions.

#Making time-based media accessible in HTML

The <track> tag allows you to associate WebVTT files with a <video> or <audio> element:

<video controls>
  <source src="formation.mp4" type="video/mp4">
  <track kind="captions" src="captions.vtt" srclang="en" label="English" default>
  <track kind="descriptions" src="audiodesc.vtt" srclang="en" label="Audio description">
</video>

The kind attribute makes the difference: captions for captions (dialogue and meaningful sounds), descriptions for audio description.

WCAG devotes significant attention to media. The criteria cover captions, text transcription, synchronized audio description, and absence of auto-playing sound.

#In summary

Time-based media is any content that unfolds over time: audio, video, or both. Each type requires its own alternatives. Captions alone are not enough: think transcription for audio, audio description for visuals.

Share this article

Learn more