The Navigational landmark is missing
| Field | Value |
|---|---|
| Rule code | Manual_NavLandmark_Missing |
| WCAG conformance level | A |
| WCAG success criterion | 1.3.1 Info and Relationships |
| Must be fixed at source | No |
Description
A navigational landmark is missing on the page, which is essential for providing a clear structure for users, particularly those using assistive technologies. Landmarks help users navigate the page more efficiently by identifying regions such as navigation, main content, and sidebars.
How to fix
Add a navigational landmark using <nav> to wrap the navigation links. For example: <nav role="navigation"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> </ul> </nav>.