`<footer>`

← Return to main list

This test case is designed to determine how the <footer> element is announced by various screen readers.

By default, the element being tested does not receive focus, so the only way to test how it is announced is via:

VoiceOver: Announce next item: VO + Right Arrow
NVDA and JAWS: Announce next line: DOWN ARROW

Example

Code

<footer>
  Test content
</footer>

Assistive technologies

VoiceOver

Chrome: Footer. [Stop] Test content. [Stop]. End of footer.
Firefox: Content. [Stop] Test content. [Stop]. End of content.
Safari: Content information. [Stop] Test content. [Stop]. End of content information.

NVDA

Chrome: Contentinfo landmark. Test content.
Firefox: Contentinfo landmark. Test content.
Edge: Contentinfo landmark. Test content.

JAWS

Chrome: Test content. [Footer not announced]
Firefox: Test content. [Footer not announced]
Edge: Test content. [Footer not announced]

← Return to main list