HTML5 navigation element test
Test
- On <nav> elements that do include the appropriate role, the <nav> element should be announced when entering and optionally when leaving the element.
- On <nav> elements that do not include the appropriate role, the <nav> element may be announced when entering and optionally when leaving the element.
Example
Code sample
<nav>
This is the nav
</nav>
<nav role="navigation">
This is the nav with a landmark
</nav>
| OS | Browser | NVDA 2014.4 | JAWS 16 | VoiceOver |
|---|---|---|---|---|
| Windows 7 | IE 11 |
"This is the nav" "Navigation landmark. This is the nav with a landmark" |
"Navigation region" "This is the nav" "Navigation region ends" "Navigation region" "This is the nav with a landmark" "Navigation region ends" |
|
| Windows 7 | IE 8 |
"This is the nav" "Navigation landmark. This is the nav with a landmark" |
"Navigation region" "This is the nav" "Navigation region ends" "Navigation region" "This is the nav with a landmark" "Navigation region ends" |
|
| Windows 7 | Chrome 39 |
"Navigation landmark. This is the nav" "Navigation landmark. This is the nav with a landmark" |
"Navigation region" "This is the nav" "Navigation region ends" "Navigation region" "This is the nav with a landmark" "Navigation region ends" |
|
| Windows 7 | Firefox 34 |
"Navigation landmark. This is the nav" "Navigation landmark. This is the nav with a landmark" |
"Navigation region" "This is the nav" "Navigation region ends" "Navigation region" "This is the nav with a landmark" "Navigation region ends" |
|
| OSX 10.9 | Chrome 39 |
"Entering group landmark. This is the nav" "Leaving group landmark" "Entering navigation landmark. This is the nav with a landmark" "Leaving navigation landmark" |
||
| OSX 10.9 | Firefox 34 |
"Entering navigation landmark. This is the nav" "Leaving navigation landmark" "Entering navigation landmark. This is the nav with a landmark" "Leaving navigation landmark" |
||
| OSX 10.9 | Safari 7 |
"Entering navigation landmark. This is the nav" "Leaving navigation landmark" "Entering navigation landmark. This is the nav with a landmark" "Leaving navigation landmark" |