The main landmark should not be contained in another landmark

Log in (Premium content) Request a demo

Rule Description

It is a best practice to ensure the main landmark is not contained within another landmark. All content should be contained within distinct regions such as the header (role="banner"), content (role="main"), and footer (role="contentinfo").

The Algorithm, in Simple Terms

Ensures that all content on a page is contained within a landmark region

Why this is Important

Navigating a web page is far simpler for screen reader users if all of the content is split between a number of high level sections. Content outside of these sections is difficult to find and its purpose may be unclear.

How to Fix the Problem

Ensure all content is contained within a landmark region, designated with HTML5 landmark elements and/or ARIA landmark regions.

Compliance Data & User Impact

User Impact: Moderate
Disabilities Affected:
  • Blindness
  • Deafblindness
  • Mobility/Dexterity
Issue Type:
  • Deque Best Practice
WCAG Success Criteria:
  • Not applicable
Section 508 Guidelines:
  • Not applicable

Related Deque University Course Pages

Related Deque Code Library Examples

Other Related Resources

Additional Information

Relevant Technologies:
  • HTML 4
  • HTML5
  • ARIA
Relevant Custom Widget Type(s):
  • Landmark Role (ARIA)
Test Reliability: Automated testing is possible, with high accuracy
Rule ID: landmark-main-is-top-level