Buttons That Announce What They Do
Label actions clearly for users who cannot see them.
Buttons Need Names
A button is only useful if users know what it does. Its accessible name is what a screen reader reads aloud before they press it.
Text Becomes the Name
For a normal button, the visible text inside it is the accessible name. Clear words mean a clear announcement.
<button>Save changes</button>All lessons in this course
- Links Go Places, Buttons Do Things
- Link Text That Makes Sense Out of Context
- Buttons That Announce What They Do
- The href-less Anchor Anti-Pattern