HTML · Global attributes

aria-label

An accessible name used when visible text is missing or insufficient. Prefer a real label or visible heading.

htmlRunnable example html course

Syntax

aria-label="…"

Example

Try it

<nav aria-label="Footer links">
  <a href="/about">About</a>
</nav>

Do not use aria-label to duplicate visible text; it can break speech-to-text matching.

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.