HTML input type="password" element test
Test
- The label should be announced.
- The element type should be announced as "protected" or "secure".
- input type="text" elements with required attribute should be announced as "required"
- input type="text" elements with aria-required="true" attribute should be announced as "required"
Example
Code sample
<label for="a">Password 1</label>
<input id="a" type="password">
<label for="b">Password 2</label>
<input id="b" type="password" required>
<label for="c">Password 3</label>
<input id="c" type="password" aria-required="true">
<label for="d">Password 4</label>
<input id="d" type="password" required>
| OS | Browser | NVDA 2014.4 | JAWS 16 | VoiceOver |
|---|---|---|---|---|
| Windows 7 | IE 11 |
Example 2: "Password 1. Edit. Protected. Blank" Example 2: "Password 2. Edit. Protected. Blank" Required not announced Example 2: "Password 3. Edit. Protected. Required. Blank" Example 2: "Password 4. Edit. Protected. Blank" Required not announced |
Example 2: "Password 1. Password. Edit. Type in text" Example 2: "Password 2. Password. Edit. Type in text" Required not announced Example 2: "Password 3. Password. Edit. Required. Type in text" Example 2: "Password 4. Password. Edit. Type in text" Required not announced |
|
| Windows 7 | IE 8 |
Example 2: "Password 1. Edit. Protected. Blank" Example 2: "Password 2. Edit. Protected. Blank" Required not announced Example 2: "Password 3. Edit. Protected. Required. Blank" Example 2: "Password 4. Edit. Protected. Blank" Required not announced |
Example 2: "Password 1. Password. Edit. Type in text" Example 2: "Password 2. Password. Edit. Type in text" Required not announced Example 2: "Password 3. Password. Edit. Required. Type in text" Example 2: "Password 4. Password. Edit. Type in text" Required not announced |
|
| Windows 7 | Chrome 39 |
Example 2: "Password 1. Edit. Protected. Blank" Example 2: "Password 2. Edit. Protected. Required. Blank" Example 2: "Password 3. Edit. Protected. Required. Blank" Example 2: "Password 4. Edit. Protected. Required. Blank" |
Example 2: "Password 1. Password. Edit. Type in text" Example 2: "Password 2. Password. Edit. Required. Type in text" Example 2: "Password 3. Password. Edit. Required. Type in text" Example 2: "Password 4. Password. Edit. Required. Type in text" |
|
| Windows 7 | Firefox 34 |
Example 2: "Password 1. Edit. Protected. Blank" Example 2: "Password 2. Edit. Protected. Invalid entry. Required. Blank" Example 2: "Password 3. Edit. Protected. Required. Blank" Example 2: "Password 4. Edit. Protected. Invalid entry. Required. Blank" |
Example 2: "Password 1. Password. Edit. Type in text" Example 2: "Password 2. Password. Edit. Required. Invalid entry. Type in text" Example 2: "Password 3. Password. Edit. Required. Type in text" Example 2: "Password 4. Password. Edit. Required. Invalid entry. Type in text" |
|
| OSX 10.9 | Chrome 39 |
Example 2: "Password 1. Secure. Edit text" Example 2: "Password 2. Secure. Required. Edit text" Example 2: "Password 3. Secure. Required. Edit text" Example 2: "Password 4. Secure. Required. Edit text" |
||
| OSX 10.9 | Firefox 34 |
Example 2: "Password 1. Secure. Text" Example 2: "Password 2. Required. Secure. Text" Example 2: "Password 3. Required. Secure. Text" Example 2: "Password 4. Required. Secure. Text" |
||
| OSX 10.9 | Safari 7 |
Example 2: "Password 1. Secure. Edit text" Example 2: "Password 2. Secure. Required. Edit text" Example 2: "Password 3. Secure. Required. Edit text" Example 2: "Password 4. Secure. Required. Edit text" |