aria-label
The aria-label attribute provides an accessible name for an element when no visible text label exists.
Syntax
aria-label="name"Examples
<button aria-label="Close dialog">×</button>
<nav aria-label="Breadcrumb">...</nav>
Output
Screen readers announce "Close dialog, button" and distinguish the breadcrumb navigation region.
Notes
Use only when there is no visible text to reference (prefer aria-labelledby or a <label>). It overrides inner text for the accessible name and is ignored on many non-interactive elements.
Browser & runtime support
| Environment | Since version |
|---|---|
| chrome | 1.0 |
| firefox | 1.0 |
| safari | 1.0 |
| edge | 12 |