Skip to content
easeweb
Search topics

Live radio streams with no live text

A community radio station streams its morning news live with nothing to read, so road closures and a change made during the show reach only those who can hear.

WCAG 2.2
SC 1.2.9AAA
Required by
Not required by Section 508 or EN 301 549
Broken <audio controls src="https://stream.riverside.example/live.mp3">
The accessibility problem illustrated: No hearing:What did they say about the bridge?
01

The problem

People who can't hear the stream miss the road closures, the bus changes and the change that comes in during the show

02

Try it

Turn the sound off and play the live stream. When does the farmers’ market move?

The switch stands in for a listener who can’t hear: the stream still plays, and tells you nothing. The recording here stands in for a live stream, so the player shows its length.

Apply a fix to read live text typed by a captioner as the host speaks, or the script as prepared. Listen to the end with each.

Broken Can you fix this?

BrokenA live player with nothing to read

Listen live

Morning news, every weekday from 8:00 to 8:30.

A recreated demo. The broken version is intentionally inaccessible.

03

The fix

Show the broadcast as text while it is live

Before
BrokenA live player with nothing to read
<h2>Listen live</h2><p>Morning news, every weekday from 8:00 to 8:30.</p><audio controls preload="none"  src="https://stream.riverside.example/live.mp3"></audio>
What is wrong3 points
  • The news exists only as live speech.
  • A visitor who can't hear it gets a play button and a time counting up.
  • The bridge closure, the bus diversion and the market's change of day never reach them.
After

A captioner's live text beside the player

<h2>Listen live</h2><p>Morning news, every weekday from 8:00 to 8:30.  Live text, typed by a captioner, appears under the player.</p><audio controls preload="none"  src="https://stream.riverside.example/live.mp3"></audio><iframe title="Live text of the morning news"  src="https://captions.example.com/live/riverside-radio"></iframe>
How it is fixed3 steps
  1. Book a live captioner for the broadcast. They listen to the stream and type what is said, a few seconds behind, with sounds that matter in brackets.
  2. Captioning services give each broadcast a page where the text scrolls as it is typed. Put it in a frame right after the player, titled so a screen reader says what it is.
  3. Say beside the player that live text, typed by a captioner, appears under it.

This fixes the Before and passes 1.2.9 (technique G157). Everything the host says reaches the page as text while it is still news, the change that came in during the show included. The text follows a few seconds behind the voice, and G157 asks only that it arrive in less than 30 seconds.

04

Verify the fix

4 checks, no mouse.

Test with: Sound off, Screen reader

0 of 4 checked

Record the OS, browser and assistive-technology versions, the build, the date, and the actual result of each step. Repeat for each programme that has live text, and whenever the captioning service changes.

Limits

This is a starting pattern, not a guarantee for every application. Whether live text is right can only be checked live, and this guide can't do that for you. Live video, such as a webinar, needs live captions (1.2.4), covered in live streams with no captions, or only automatic ones. Prerecorded audio, such as the show's recording, needs a transcript (1.2.1), covered in podcasts and silent videos with no transcript. Sound that starts by itself is covered in autoplaying sound with no way to stop it. Test the complete journey with the people who will listen and read, on the devices they use.

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.

EaseWeb service

Fixed it? Keep it from coming back.

I turn guides like this one into rules your coding agents follow and checks your CI runs. Then I retest by hand with a keyboard and screen readers, periodically.

See the service