Two <header> elements

← Return to main list

This test case is designed to determine how two root-level <header> elements are announced by various screen readers.

In this case, the element should be announced as a banner landmark.

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

<header>
  <h4>Test content 1</h4>
</header>
<header>
  <h4>Test content 2</h4>
</header>

Assistive technologies

← Return to main list