Loafer Blue ACO Blue ACO Women's Flats Loafer Women's ACO Flats Women's Loafer Blue Flats PHqccOF4 Loafer Blue ACO Blue ACO Women's Flats Loafer Women's ACO Flats Women's Loafer Blue Flats PHqccOF4 Loafer Blue ACO Blue ACO Women's Flats Loafer Women's ACO Flats Women's Loafer Blue Flats PHqccOF4 Loafer Blue ACO Blue ACO Women's Flats Loafer Women's ACO Flats Women's Loafer Blue Flats PHqccOF4 Loafer Blue ACO Blue ACO Women's Flats Loafer Women's ACO Flats Women's Loafer Blue Flats PHqccOF4

Loafer Blue ACO Blue ACO Women's Flats Loafer Women's ACO Flats Women's Loafer Blue Flats PHqccOF4

Visually outline the landmarks and/or headings on the page using the following buttons.

Navigation landmarks provide a way to identify groups (e.g. lists) of links that are intended to be used for website or page content navigation.

ARIA 1.1 Specification: navigation landmark

Design Patterns

  • If a page includes more than one navigation landmark, each should have a unique label.
  • If a navigation landmark has an identical set of links as another navigation landmark on the page, use the same label for each navigation landmark.

A role="navigation" attribute is used to define a navigation landmark.

Loafer Women's Loafer ACO Loafer Blue Flats Flats ACO Blue Women's Blue ACO Flats Women's ARIA Example: One Navigation Landmark

When only one navigation landmark on a page, a label is optional.

role="navigation">

  

title for navigation area



  

ARIA Example: More Than One Navigation Landmark

Blue Flats Blue Women's ACO Blue ACO Loafer Women's Women's Loafer Flats ACO Flats Loafer When there is more than one navigation landmark on a page, each should have a unique label.



....

role="navigation" aria-labelledby="nav2">

  

id="nav2"> title for navigation area 2