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