• Success Criterion 1.2.4
  • Conformance level AA

Live Captions Unreadable Due to Overlap or Low Contrast

1.2.4 — Captions (Live)

Scenario

Setting

A survey tool's question builder

What’s wrong

Live captions visually unreadable: overlapping slides, low contrast, too fast to render.

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 caption legibility during the live event: overlapping slide content, low contrast, or text scrolling too fast to read all fail.

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 survey tool's question builder, this barrier is gone for deaf and hard-of-hearing participants in live streams, classes — they can complete the task without hitting this wall.

Who is affected

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

Learn more