The Accessible Name Computation, Demystified
How the browser decides what an element is called.
What Is an Accessible Name?
The accessible name is the short label a screen reader speaks for an element, like Submit for a button or Search for a field.
Why It Matters
If an element has no accessible name, a screen reader announces just its role, like button, leaving users with no idea what it does.
All lessons in this course
- The Accessible Name Computation, Demystified
- aria-label vs aria-labelledby
- aria-describedby for Extra Context
- Common Naming Mistakes That Silence Controls