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