0PricingLogin
Web Accessibility Academy · Lesson

aria-describedby for Extra Context

Attach hints and help that read after the name.

Beyond the Name

Sometimes a control needs more than a name. aria-describedby attaches extra context that a screen reader reads after the name.

It References IDs

Like labelledby, aria-describedby holds the id of another element. The browser pulls that element text in as the description.

<input aria-describedby="hint">
<p id="hint">Use 8+ characters</p>

All lessons in this course

  1. The Accessible Name Computation, Demystified
  2. aria-label vs aria-labelledby
  3. aria-describedby for Extra Context
  4. Common Naming Mistakes That Silence Controls
← Back to Web Accessibility Academy