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