Episode 05 game · Sanjaya · Ether

Lift the Veil

Kai’s product card works with a mouse. Behind the Veil, screen reader and keyboard users get nonsense. Pick the right fix for each of the four problems.

SanjayaI can’t see the card, Kai. I can only hear it. Listen to what it tells me, then fix each part with the right HTML.
05Seal 05
Kai’s product card
The Veil: what keyboard and screen reader users get

What Sanjaya hears

Fixed 0 of 4
    Use the right element

    A real button, a real label. They come with accessibility built in.

    Describe images

    Alt text says what the image shows. Never a file name.

    Restyle focus, never remove it

    :focus-visible keeps keyboard users oriented.