<nav>
with aria-label
← Return to main list
This test case is designed to determine how the <nav>
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
Code
<nav aria-label="Primary">
Test content
</nav>
Assistive technologies
VoiceOver
- Chrome: Primary. Navigation. [Stop] Test content. [Stop] End of Primary. Navigation.
- Firefox: Primary. Navigation. [Stop] Test content. [Stop] End of Primary. Navigation.
- Safari: Primary. Navigation. [Stop] Test content. [Stop] End of Primary. Navigation.
NVDA
- Chrome: Primary. Navigation landmark. Test content.
- Firefox: Primary. Navigation landmark. Test content.
- Edge: Primary. Navigation landmark. Test content.
JAWS
- Chrome: Primary. Navigation region. [Stop] Test content. [Stop] Primary. Navigation region ends.
- Firefox: Primary. Navigation region. [Stop] Test content. [Stop] Primary. Navigation region ends.
- Edge: Primary. Navigation region. [Stop] Test content. [Stop] Primary. Navigation region ends.
← Return to main list