Difference between revisions of "MikeS Nav-Landmark"

From Level Access Web Labs
Jump to navigation Jump to search
Line 3: Line 3:
  
 
<h3>Unlabeled landmarks</h3>
 
<h3>Unlabeled landmarks</h3>
 +
Both of the following are announced by JAWS 18 as merely "navigation region" (and "navigation region end" at the closing tag).
 +
<br><br>
  
 
<nav>Nav element with no label</nav>
 
<nav>Nav element with no label</nav>
<br>separator
+
separator
 
<div role="navigation">ARIA navigation role with no label</div>
 
<div role="navigation">ARIA navigation role with no label</div>
 +
<br>
  
 
<h3>Labeled landmarks</h3>
 
<h3>Labeled landmarks</h3>
 +
Both of the following are announced by JAWS 18 by the combination of their label text followed by "navigation region". e.g. "fruit navigation region" (and "fruit navigation region end" at the closing tag).
 +
<br><br>
  
 
<nav aria-label="Fruit">Nav element with aria-label: apples oranges bananas</nav>
 
<nav aria-label="Fruit">Nav element with aria-label: apples oranges bananas</nav>
<br>separator
+
separator
 
<div role="navigation" aria-label="vegetables">ARIA navigation role with aria-label: corn potatoes carrots</div>
 
<div role="navigation" aria-label="vegetables">ARIA navigation role with aria-label: corn potatoes carrots</div>
<br>separator
 
 
  
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 01:04, 10 January 2017

Unlabeled landmarks

Both of the following are announced by JAWS 18 as merely "navigation region" (and "navigation region end" at the closing tag).

separator

ARIA navigation role with no label


Labeled landmarks

Both of the following are announced by JAWS 18 by the combination of their label text followed by "navigation region". e.g. "fruit navigation region" (and "fruit navigation region end" at the closing tag).

separator

ARIA navigation role with aria-label: corn potatoes carrots