<main> with aria-label
← Return to main list
This test case is designed to determine how the <main> element and an associated aria-label are 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
<main aria-label="General info">
<h4>Test content</h4>
</main>
Assistive technologies
VoiceOver
- Chrome: General info. Main. [Stop] Heading level 4. Test content. [Stop] End of General info. Main.
- Firefox: General info. Main. [Stop] Heading level 4. Test content. [Stop] End of General info. Main.
- Safari: General info. Main. [Stop] Heading level 4. Test content. [Stop] End of General info. Main.
NVDA
- Chrome: General info. Main landmark. Heading level 4. Test content.
- Firefox: General info. Main landmark. Heading level 4. Test content.
- Edge: General info. Main landmark. Heading level 4. Test content.
JAWS
- Chrome: General info. Main region. [Stop] Heading level 4. Test content. [Stop] General info. Main region ends.
- Firefox: General info. Main region. [Stop] Heading level 4. Test content. [Stop] General info. Main region ends.
- Edge: General info. Main region. [Stop] Heading level 4. Test content. [Stop] General info. Main region ends.
← Return to main list