<input> with error message using aria-errormessage

Return to main list

This is a test case designed to determine how an error message, associated with an input via the aria-errormessage 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-errormessage="error-message">
  <span id="error-message">Error: Make sure to include full name</span>
</div>

Assistive technologies

VoiceOver

NVDA

JAWS

Return to main list