Skip to content
easeweb
Search topics

Live streams with no captions, or only automatic ones

A software company streams its spring release as a live webinar with no captions, or with the platform's automatic captions, which mishear a number and turn "it doesn't" into "it does".

WCAG 2.2
SC 1.2.4AA
Required by
Section 508 · EN 301 549 (EU)
Broken <iframe src="…/embed/live_stream?channel=…">
The accessibility problem illustrated: No hearing:What are they announcing?
01

The problem

People who can't hear the live stream miss what is announced, and automatic captions give them the wrong numbers and the opposite answer.

02

Try it

Join the live webinar, then mute it. Can you still tell what it announces about guest seats?

The speakers talk in your device’s speech voices; mute the player to watch as someone who can’t hear it. In Broken 1 the player has no captions. In Broken 2, turn on the automatic captions with CC, and listen to what they get wrong. When the stream ends, what was said appears under it. Apply a fix to see a captioner’s captions in the player, or beside it; try full screen with each.

Broken Can you fix this?

Spring release, live

Thursday at 16:00 UTC. About 20 minutes, with questions at the end.

LIVE
Spring release
Alex
Priya
LIVE

What was said appears here when the stream ends, to compare with what reached you with the sound off.

A recreated demo. The broken version is intentionally inaccessible.

03

The fix

Caption every live stream with a person, captioning in real time, from the first word to the last question.

  1. 1Caption every live stream with speech, from the first word to the last question.
  2. 2Automatic captions alone don't count: a person captions in real time.
  3. 3Name each speaker when they change, and put sounds that matter in square brackets.
Before

A live stream with no captions

<h2>Spring release, live</h2><p>Thursday at 16:00 UTC. About 20 minutes, with questions at the end.</p><!-- Captions: none --><iframe src="https://www.youtube.com/embed/live_stream?channel=UC…"  title="Spring release, live stream" allow="fullscreen"></iframe>
After

A live captioner, in the player's own captions

<h2>Spring release, live</h2><p>Thursday at 16:00 UTC. About 20 minutes, with questions at the end.  Live captions by a captioner: turn them on with CC in the player.</p><!-- Captions: a live captioner, sent to the platform's captions input --><iframe src="https://www.youtube.com/embed/live_stream?channel=UC…"  title="Spring release, live stream" allow="fullscreen"></iframe>

Fixing this with an AI coding assistant? Get this guide as Markdown, or get every guide in your coding agent.

04

Verify the fix

5 checks, no mouse.

Test with: Sound off, Keyboard

0 of 5 checked

Record the OS, browser and assistive-technology versions, the build, the date, and the actual result of each step. Repeat for each event: a new platform, room or captioner changes the setup.

Limits

This is a starting pattern, not a guarantee for every application. Live captions lag the speech by a few seconds and a captioner can mistype, so a recording still needs correcting. How captions reach the player depends on the platform, its plan and its settings, which change: check its current documentation and rehearse with the captioner. Test the whole event with people who rely on captions if you can.

This is a recreated teaching example, not a finding about a named client. The code is a starting pattern: test it in your own product. No completed assistive-technology test is claimed here.

Keep this fixed as your code changes.

Turn guides like this into rules your coding agents and CI follow, then have the result retested with a keyboard and screen readers.

How retests work