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 id="live-stream"><!-- live video, no caption feed --></div>

Why it matters

Deaf and hard-of-hearing participants in live streams, classes, and meetings.

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

Readable, reasonably accurate real-time captions must run for the entire live event.

<div id="live-stream"><!-- live video --></div>

<div id="live-captions" aria-live="polite"></div>

Real-time captions, from a human captioner or a checked automated feed, must ship with the live audio, not after it.

Outcome

On a project-management tool's task board, this barrier is gone for deaf and hard-of-hearing participants in live streams, classes — they no longer have to work around this.

Who is affected