The Header or Banner landmark is missing
| Field | Value |
|---|---|
| Rule code | Manual_BannerLandmark_Missing |
| WCAG conformance level | A |
| WCAG success criterion | 1.3.1 Info and Relationships |
| Must be fixed at source | No |
Description
A banner 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 banner landmark using <header> or <div role="banner"> to define the top area of the page. For example: <header role="banner"> <h1>Site Title</h1> <nav>...</nav> </header>.