<input> with error message using aria-describedby and title

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, and with the title attribute present, are announced by various screen readers.

In this case, the aria-describedby attribute should take precedence over the title attribute.

Example

Error: Make sure to include full name

Code

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

Assistive technologies

VoiceOver

NVDA

JAWS

Return to main list