• Success Criterion 1.2.4
  • Conformance level AA

Live Caption Feed Separated From the Video Player

1.2.4 — Captions (Live)

Scenario

Setting

A project-management tool's task board

What’s wrong

Live caption feed provided on a separate page/window not synchronized or referenced from the player.

Example 

<div class="townhall-stream">
  <!-- Captions only appear at a separate URL the viewer must know
       about and open manually -->
  <video src="live://townhall-feed" autoplay controls></video>
</div>

Why it matters

A deaf employee watching the town hall from the task board has no idea a caption window even exists at a different URL, so they miss the entire Q&A session.

How to test

Check whether the caption feed is inside the video player or a separate, unsynced window: a detached feed with no clear link to the stream fails.

How to fix

If captions can't be embedded directly in the player, at minimum link to the caption feed clearly from right next to the video.

<div class="townhall-stream">
  <video src="live://townhall-feed" autoplay controls>
    <track kind="captions" src="live://townhall-captions" srclang="en" label="Live captions">
  </video>
  <a href="/townhall/captions-window" target="_blank">Open captions in a separate window</a>
</div>

Outcome

A deaf employee opens the linked caption window immediately and follows the town hall from the first question.

Who is affected

Deaf and hard-of-hearing employees following the main stream never discover the caption feed, since nothing in the player references it.

Learn more

Related scenarios