Duplicate Banner Landmark Check

Description

The “Duplicate Banner Landmark Check” evaluates whether there is more than one banner landmark.

Example outcome

I found 2 banner landmarks.

Impact

• Visual Impairments: Multiple banner landmarks may lead to confusion as screen readers will read them out as “banner”, which might mislead users into thinking the information is repeated.
• Motor Impairments: Keyboard navigation might become more cumbersome, requiring the user to navigate through multiple banners, leading to a longer time to find the actual content.
• Cognitive Disabilities: Redundant banners could create confusion about the page structure, potentially leading to difficulty in understanding the site’s layout.

Fixes

To address multiple banner landmarks:

1. Locate the different banner landmarks.
2. Remove the ones that aren’t correctly assigned, moving the content to the correct one if necessary.

Resources

• WCAG 2.2: Understanding Success Criteria 1.3.1
• WCAG 2.2: Understanding Success Criteria 2.4.1
• WCAG 2.2 Techniques: Technique ARIA11: Using ARIA landmarks to identify regions of a page
• WebAIM: Semantic Structure: Regions, Headings, and Lists