Landmarks help screen reader users move around webpages quickly and easily.
Popular screen readers allow users to jump directly to different sections of a page using ARIA landmarks. This offers a clean, behind-the-scenes way for users to skip straight to the content they want without altering the page's visual design.
If landmarks are nested within other landmarks, screen reader users can't quickly find and navigate to the appropriate landmark, negating the purpose of the landmarks.
Current best practices are that the following landmarks should only be used at top-level (not nested in other landmarks):
role="banner", including
<header>with the intrinsic role of bannerrole="complementary", including
<aside>which has the intrinsic role of complementaryrole="contentinfo", including
<footer> with the intrinsic role of contentinforole="main"
Learn More
Review our ARIA Landmarks: The Basics article.
Accessibility Landmarks from W3schools
ARIA Landmarks Example from W3
If you have questions, please contact our DubBot Support team via email at help@dubbot.com or via the blue chat bubble in the lower right corner of your screen. We are here to help!