| Techniques |
- Reserve the
navigation landmark for website and page navigation links.
- Website and page navigation links should be top-level
navigation landmarks (i.e. not contained in other landmarks).
- The
nav element or an element with role="navigation" attribute defines a navigation landmark and must be on a container element (e.g., div) for ol and ul elements that contain li elements with links. (This may require adding a container element.)
- If there is only one
navigation landmark on the page, do not use a label.
- If there is more than one
navigation landmark, use the aria-labelledby, aria-label oe title attribute to describe the purpose of the links (e.g., Table of Contents, Site Map, etc.) contained in each.
- If the same set of links is used in more than one place on a page, use "Copy 1", "Copy 2" ... "Copy N" as a part of the accessible name to make the navigation labels unique and help orient assistive technology users that the group of links is repeated on the page.
|