MikeS Nav-Landmark

From Level Access Web Labs
Revision as of 19:37, 10 January 2017 by Mike (talk | contribs)
Jump to navigation Jump to search

Landmark identification

The following broadly applies to landmarks and regions of both ARIA and HTML5 forms, such as the equivalence of the NAV element and the ARIA role of navigation, and of the SECTION element and the ARIA role of region. The terminology can vary by screen reader (e.g. JAWS says 'region' while NVDA & VoiceOver say 'landmark'), as can the voice used (e.g. VoiceOver uses a slightly different voice to announce them) and the order (e.g. JAWS announces the start of the landmark/region before any enclosed text, while VoiceOver reads the initial enclosed text before announcing the start of the landmark/region). (Need to test and add results for TalkBack, though they may differ between Firefox and Chrome.)

Unlabeled landmarks

JAWS 18 announces both examples below as "navigation region" (and "navigation region end" at the closing tag).
NVDA 2016.4 announces "navigation landmark" at the beginning (though NVDA does not explicitly announce the end of landmarks/regions).
VoiceOver announces both examples as "navigation landmark" after reading the initial content (rather than before it). It announces "end navigation" at the closing tag, after the last content. Both are announced in a slightly different voice.

separator

ARIA navigation role with no label
lorum ipsum


Labeled landmarks - aria-label

JAWS 18 identifies both examples below by the aria-label text followed by "navigation region". as in "fruit navigation region" (and announces "fruit navigation region end" at the closing tag).
NVDA 2016.4 also identifies both by the aria-label text followed by "navigation landmark", as in "fruit navigation landmark" (again, with no 'end' announcement).
VoiceOver also identifies both by the aria-label text followed by "navigation landmark", e.g. "fruit navigation landmark" and "end fruit navigation".

separator

ARIA navigation role with aria-label: corn potatoes carrots
lorum ipsum


Nullified landmarks

The following examples illustrate two methods of usijg ARIA to neutralize a NAV element, in case the use of landmark elements cannot be removed but could be neutralized by adding an ARIA attribute.

separator


separator