<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

Make sure to include full name

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

VoiceOver

NVDA

JAWS

Return to main list