<input> with error message using "aria-describedby"

Return to main list

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

Example

Error: Make sure to include full name

Code

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

Assistive technologies

VoiceOver

NVDA

JAWS

Return to main list