`role="main"`

← Return to main list

This test case is designed to determine how role="main" 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

Test content

Code

<div role="main">
  Test content
</div>

Assistive technologies

VoiceOver

Chrome: Main. [Stop] Test content. [Stop] End of main.
Firefox: Main. [Stop] Test content. [Stop] End of main.
Safari: Main. [Stop] Test content. [Stop] End of main.

NVDA

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

JAWS

Chrome: Main region. [Stop] Test content. [Stop] Main region ends.
Firefox: Main region. [Stop] Test content. [Stop] Main region ends.
Edge: Main region. [Stop] Test content. [Stop] Main region ends.

← Return to main list