HTML nested unordered list test
Test
- Lists should be announced when entering and leaving list.
- Nested list should be announced when entering and leaving list.
- Number of list items should be announced.
- Each list item should be announced.
Example
- Blue
- Periwinkle
- Powder blue
- Green
Code sample
<ul>
<li>Blue
<ul>
<li>Periwinkle</li>
<li>Powder blue</li>
</ul>
</li>
<li>Green</li>
</ul>
| OS | Browser | NVDA 2014.4 | JAWS 16 | VoiceOver |
|---|---|---|---|---|
| Windows 7 | IE 11 |
"List with 2 items. Bullet. Blue" "List with 2 items. Bullet. Periwinkle" "Bullet. Powder blue" "Out of list. Bullet. Green" "Out of list" |
"List of 2 items" "Bullet. Blue" "List 2 items. Nesting level 1" "Bullet. Periwinkle" "Bullet. Powder blue" "List end nesting level 1" "Bullet. Green" "List end" |
|
| Windows 7 | IE 8 |
"List with 2 items. Bullet. Blue" "List with 2 items. Bullet. Periwinkle" "Bullet. Powder blue" "Out of list. Bullet. Green" "Out of list" |
"List of 2 items" "Bullet. Blue" "List of 2 items. Nesting level 1" "Bullet. Periwinkle" "Bullet. Powder blue" "List end nesting level 1" "Bullet. Green" "List end" |
|
| Windows 7 | Chrome 39 |
"List with 2 items. Blue" "List with 2 items. Periwinkle" "Powder blue" "Out of list. Green" "Out of list" |
"List of 2 items" "Bullet. Blue" "List of 2 items. Nesting level 1" "Hollow round bullet. Periwinkle" "Hollow round bullet. Powder blue" "List end nesting level 1" "Bullet. Green" "List end" |
|
| Windows 7 | Firefox 34 |
"List with 2 items. Bullet. Blue" "List with 2 items. Periwinkle" "Powder blue" "Out of list. Bullet. Green" "Out of list" |
"List of 2 items" "Bullet. Blue" "List of 2 items. Nesting level 1" "Hollow round bullet. Periwinkle" "Hollow round bullet. Powder blue" "List end nesting level 1" "Bullet. Green" "List end" |
|
| OSX 10.9 | Chrome 39 |
"List 2 items" "Bullet. Blue" "List 2 items. Level 2" "Periwinkle" "Powder blue" "End of list" "Bullet. Green" "End of list" |
||
| OSX 10.9 | Firefox 34 |
"List 2 items" "Bullet. Blue" "List. Blue. Periwinkle. Powder blue. 2 items. Level 2" "Periwinkle" "Powder blue" "End of list" "Bullet. Green" "End of list" |
||
| OSX 10.9 | Safari 7 |
"List 2 items" "Bullet. Blue" "List 2 items. Level 2" "Periwinkle" "Powder blue" "End of list" "Bullet. Green" "End of list" |