Banner Landmark Check
Description
The “Banner Landmark Check” evaluates whether the banner
landmark (typically used for site-wide headers or branding) is placed only at the top level of the page and is not nested within other landmark regions (e.g., main
).
Example outcome
I noticed that the banner
landmarks are not contained within other landmarks.
Impact
- Visual Impairments: Users relying on screen readers may not be able to navigate properly or even detect the banner.
- Motor Impairments: Inconsistent landmark structure can hinder keyboard-only navigation.
- Cognitive Disabilities: Confusing structure can cause disorientation and navigation fatigue.
Fixes
To address banner
landmarks inappropriately contained within other landmarks:
- Locate the inappropriately placed
banner
landmark. - Remove it from within the landmark in which it is nested, tipically placing it on top of the page.