`<aside>`

← Return to main list

This test case is designed to determine how the <aside> 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

<aside>
  <h4>Test content</h4>
</aside>

Assistive technologies

VoiceOver

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

NVDA

Chrome: Complementary landmark. Heading level 4. Test content.
Firefox: Complementary landmark. Heading level 4. Test content.
Edge: Complementary landmark. Heading level 4. Test content.

JAWS

Chrome: Heading level 4. Test content. [Aside not announced]
Firefox: Heading level 4. Test content. [Aside not announced]
Edge: Heading level 4. Test content. [Aside not announced]

← Return to main list