<header> descendant of <main>

← Return to main list

This test case is designed to determine how the <header> element will be announced by various screen readers when it is a descendant of the <main> element.

In this case, the element should not be announced as a banner landmark, as it is not scoped to the <body> element, it is scoped to the <main> element.

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

Example

Other content

Test content

Code

<main>
  <h4>Other content</h4>
  <header>
    <h4>Test content</h4>
  </header>
</main>

Assistive technologies

VoiceOver

NVDA

JAWS

← Return to main list