Is it okay to have multiple navigation landmarks?

Question

I'm building some new pages and am not sure if it is okay to have multiple navigation landmarks?

Answer

If landmark roles are used, they must describe the type of elements in that section accurately. If a page includes more than one navigation landmark, each should have a unique label. A navigation is a collection of links suitable for use when navigating the document or related documents.

Exception: If there are multiple navigation landmarks that hold identical sets of links, the same accessible name should be used for each of these navigation landmarks.

Provide an accessible name for these landmarks using **one** of the following methods:

* `aria-labelledby`: If there is visible text on screen that functions as a label for the landmark, reference the unique ID of the element holding that text as the value of an `aria-labelledby` attribute on the element with a landmark role.

* `aria-label`: Place an `aria-label` on the element with a landmark role. The value of the `aria-label` should be descriptive of the content within the landmark.

E.g. When multiple navigation landmarks are present on a page, such as "main navigation" or "sidebar navigation."

For support reviewing landmarks and their accessible names, check out the Guided Manual WCAG Audit Tool from Accessible Web.

Free Tools to Continue Learning

Accessible Web Company Logo

Accessible Web RAMP

Monitor your website and manage your progress towards WCAG conformance.

Accessible Web Company Logo

Accessible Web Academy

Career specific courses to help power up your accessibility knowledge.