`<input>` with `maxlength`

← Return to main list

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

Example

Code

<div>
  <label for="password">Password</label>
  <input 
    type="password"
    id="password"
    maxlength="20"
  >
</div>

Assistive technologies

VoiceOver

Chrome: Password. Secure. Edit text. [maxlength attribute not announced]
Firefox: Password. Secure. Edit text. [maxlength attribute not announced]
Safari: Password. Secure. Edit text with autofill menu. [maxlength attribute not announced]

NVDA

Chrome: Password. Edit. Protected. Blank. [maxlength attribute not announced]
Firefox: Password. Edit. Protected. Blank. [maxlength attribute not announced]
Edge: Password. Edit. Protected. Blank. [maxlength attribute not announced]

JAWS

Chrome: Password. Password edit. Type in text. [maxlength attribute not announced]
Firefox: Password. Password edit. Type in text. [maxlength attribute not announced]
Edge: Password. Password edit. Type in text. [maxlength attribute not announced]