Game
What a screen reader hears
Blind people hear pictures through a description. Four rounds: listen to each choice, then pick the one that helps most.
Round 1 of 4
Your browser can't read aloud here, so each choice shows what a screen reader would say.
A bakery's home page. The photo shows this morning's sourdough loaves on the shelf.
Which description helps a blind visitor most?
-
A. “image, DSC_0042.jpg”
-
B. “image, Image of bread”
-
C. “image, Sourdough loaves fresh from the oven on our shelf”
The town's snow-day notice. The picture is a map with two closed roads marked.
Which description helps a blind visitor most?
-
A. “image, Map”
-
B. “image, Closed today: Mill Road and River Street”
-
C. “image, roads-final-v2.png”
The library's logo at the top of every page. Pressing it takes you to the home page.
Which description helps a blind visitor most?
-
A. “link, image, logo”
-
B. “link, image, Wrenfield Library home page”
A curly line between two parts of a page. It's only decoration.
Which description helps a blind visitor most?
-
A. “image, Decorative curly line graphic”
-
B. “image, swirl-divider.svg”
-
C. Nothing. The screen reader skips it.
You picked the best one 0 of 4 times
What each round was about:
- Say what the picture shows.
- If a picture carries news, the words must carry it too.
- A picture that's a link says where it goes.
- Pure decoration gets an empty description (alt="" in the code), so screen readers skip it.
Write your own: Write good alt text, with examples, or let the Alt text writer draft one from your photo.