<input> with help text using aria-describedby

← Return to main list

This is a test case designed to determine how help information, associated with an <input> via the aria-describedby attribute, is announced by various screen readers.

The help information should be defined as a description in the accessibility tree, and not part of the accessible name. For this reason, it should be announced after the accessible name and form control information.

Example

Code

<div>
  <label for="name">Name</label>
  <span id="help-text">Make sure to include full name</span>
  <input type="text" id="name" aria-describedby="help-text">
</div>

Assistive technologies

← Return to main list