Document should not have more than one banner landmark
What is the problem?
The "landmark-no-duplicate-banner" rule ensures that each HTML page has only one banner landmark. This landmark, identified by the role="banner" attribute, typically contains site branding and navigation elements.
Impacted Groups
Why is this important?
Multiple banner landmarks on a single page can confuse screen reader users. These users rely on landmarks to quickly navigate a page, and having multiple banners can disrupt the expected page structure. This can make it harder for them to find the information they need.
How to solve this issue
To fix this, ensure that there is only one element on the page with the role="banner" attribute. This element should contain the primary site branding and navigation elements. By following this rule, you can provide a clear and consistent user experience for all users, including those who rely on screen readers.
Rule Information
Rule ID
landmark-no-duplicate-banner
Severity
Manual Review Required
Rule Group
Best Practices Rules
Guidelines
- Best Practice
Customise Guidance
You can customise each accessibility rule in SiteAlly with your own guidance, instructions and even links to your own organisation specific documentation.
Enable your website editors to resolve issues quickly with SiteAlly.
Ready to make your website accessible?
SiteAlly provides automated accessibility monitoring, detailed reports, and step-by-step guidance to help you achieve and maintain compliance.