Navigational landmark is missing unique accessible label
| Field | Value |
|---|---|
| Rule code | Manual_NavLandmark_Name_Missing |
| WCAG conformance level | A |
| WCAG success criterion | 1.3.1 Info and Relationships |
| Must be fixed at source | No |
Description
We detected a navigational landmark without an accessible name. When there are multiple navigational landmarks on the same page, it is important that they each have a unique accessible label to help provide clear context for assistive technology users about their purpose.
How to fix
When there are multiple <nav> landmark elements on the page, utilize either an [aria-label] or an [aria-labelledby] attribute to give context to each navigation region. For instance, the primary or main navigation region can be labelled "main" while a pagination navigation region can recieve a label of "pagination".