buttons
What the screen reader would announce, echoed in text
Next to a sample interface, a text panel echoes, in reading order, what a screen reader would announce as it moves through it: accessible name, role and state, plus separate announcements when something changes in a live region like a counter or a toast. It deliberately includes a mislabeled icon button to show how an empty accessible name sounds.
See it live and copy its promptWhat you can adjust
- Path speed
- Show roles
- Show states
- Highlight color
- Visible lines
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
