`<input>` with error message using `title`

← Return to main list

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

This example should not be considered proper practice. Where possible, error messages should be provided via the aria-describedby attribute.

Example

Code

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

Assistive technologies

VoiceOver

Chrome: Name. Edit text. [Pause] Error: Use a full name.
Firefox: Name. Edit text. [Pause] Error: Use a full name.
Safari: Name. Edit text. [Pause] Error: Use a full name.

NVDA

Chrome: Name. Edit. Error: Use a full name. Blank.
Firefox: Name. Edit. Has autocomplete. Error: Use a full name. Blank.
Edge: Name. Edit. Error: Use a full name. Blank.

JAWS

Chrome: Name. Edit. Error. Colon. Use a full name. Type in text.
Firefox: Name. Edit. Error. Colon. Use a full name. Type in text.
Edge: Name. Edit. Error. Colon. Use a full name. Type in text.