`<input>` with `pattern`

← Return to main list

This is a test case designed to determine how the pattern attribute is announced. In real situations, authors should always provide clear instructions on how to successfully complete form questions.

Example

Code

<div>
  <label for="rego">Car registration number</label>
  <input
    type="text"
    id="rego"
    pattern="[0-9]{3}[A-Z]{3}"
  >
</div>

Assistive technologies

VoiceOver

Chrome: Car registration number. Edit text. [pattern attribute not announced]
Firefox: Car registration number. Edit text. [pattern attribute not announced]
Safari: Car registration number. Edit text. [pattern attribute not announced]

NVDA

Chrome: Car registration number. Edit. Blank. [pattern attribute not announced]
Firefox: Car registration number. Edit. Has autocomplete. Blank. [pattern attribute not announced]
Safari: Car registration number. Edit. Blank.[pattern attribute not announced]

JAWS

Chrome: Car registration number. Edit. Type in text. [pattern attribute not announced]
Firefox: Car registration number. Edit. Type in text. [pattern attribute not announced]
Edge: Car registration number. Edit. Type in text. [pattern attribute not announced]