Banner landmark should not be contained in another landmark
What is the problem?
The "landmark-banner-is-top-level" rule ensures that the role="banner" ARIA landmark, typically used to identify the header of a webpage, is not nested within another landmark.
Impacted Groups
Why is this important?
Screen reader users rely on landmarks to quickly navigate a page. Nesting landmarks can confuse screen readers, making it difficult for users to understand the page structure and find the information they need.
How to solve this issue
To fix this issue, ensure that the role="banner" landmark is not contained within any other landmark. It should be a top-level element on the page. This will help screen readers correctly identify the header and provide a better user experience.
Rule Information
Rule ID
landmark-banner-is-top-level
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.