`<header>` with `aria-labelledby`

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

This test case is designed to determine how the <header> element and an associated aria-labelledby element 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:

Example

<header aria-labelledby="one">
  <h4 id="one">Test content</h4>
</header>

Chrome: Test content. Banner. [Stop] Heading level 4. Test content. [Stop]. End of Test content. Banner.
Firefox: Test content. Banner. [Stop] Heading level 4. Test content. [Stop]. End of Test content. Banner.
Safari: Test content. Banner. [Stop] Heading level 4. Test content. [Stop]. End of Test content. Banner.

Chrome: Banner landmark. Heading level 4. Test content. [Label not announced]
Firefox: Banner landmark. Heading level 4. Test content. [Label not announced]
Edge: Banner landmark. Heading level 4. Test content. [Label not announced]