Lists inside forms
Form with no list
Test
- List items should not be announced
Example
Code sample
<form action="#">
<div>
<label for="firstname">First name</label>
<input id="firstname" name="firstname" type="text">
</div>
<div>
<label for="lastname">Last name</label>
<input id="lastname" name="lastname" type="text">
</div>
</form>
| OS | Browser | NVDA 2014.4 | JAWS 16 | VoiceOver |
|---|---|---|---|---|
| Windows 7 | IE 11 |
"First name. Edit. Blank" "Last name. Edit. Blank" |
"First name. Edit. Type in text" "Last name. Edit. Type in text" |
|
| Windows 7 | IE 8 |
"First name. Edit. Blank" "Last name. Edit. Blank" |
"First name. Edit. Type in text" "Last name. Edit. Type in text" |
|
| Windows 7 | Chrome 39 |
"First name. Edit. Blank" "Last name. Edit. Blank" |
"First name. Edit. Type in text" "Last name. Edit. Type in text" |
|
| Windows 7 | Firefox 34 |
"First name. Edit with autocomplete. Blank" "Last name. Edit with autocomplete. Blank" |
"First name. Edit. Type in text" "Last name. Edit. Type in text" |
|
| OSX 10.9 | Chrome 39 |
"First name. Edit text" "Last name. Edit text" |
||
| OSX 10.9 | Firefox 34 |
"First name. Text" "Last name. Text" |
||
| OSX 10.9 | Safari 7 |
"First name. Edit text" "Last name. Edit text" |
Form with list
Test
- List items should be announced
Example
Code sample
<form action="#">
<ul>
<li>
<label for="email">Email</label>
<input id="email" name="email" type="text">
</li>
<li>
<label for="address">Address</label>
<input id="address" name="address" type="text">
</li>
</ul>
</form>
| OS | Browser | NVDA 2014.4 | JAWS 16 | VoiceOver |
|---|---|---|---|---|
| Windows 7 | IE 11 |
"List Email. Edit. Blank" "Address. Edit. Blank" |
"Email. Edit. Type in text" "Address. Edit. Type in text" |
|
| Windows 7 | IE 8 |
"List. Email. Edit. Blank" "Address. Edit. Blank" |
"Email. Edit. Type in text" "Address. Edit. Type in text" |
|
| Windows 7 | Chrome 39 |
"List. Email. Edit. Blank" "Address. Edit. Blank" |
"Email. Edit. Type in text" "Address. Edit. Type in text" |
|
| Windows 7 | Firefox 34 |
"List Email. Edit with autocomplete. Blank" "Address. Edit with autocomplete. Blank" |
"Email. Edit. 1 of 2. Type in text" "Address. Edit. 2 of 2. Type in text" |
|
| OSX 10.9 | Chrome 39 |
"Email. Edit text. List 2 items" "Last name. Edit text" |
||
| OSX 10.9 | Firefox 34 |
"Email. Email. Text. 2 items" "Address. Address. text" |
||
| OSX 10.9 | Safari 7 |
"Email. Edit text. List 2 items" "Last name. Edit text" |