Ensure the Document Has At Most One Banner Landmark

Yotam Flohr
Researcher
Blind Hearing
WCAG 2.1 Level A

Written and researched for humans by humans

Yotam Flohr
Researcher
Ritvik Shrivastava
Expertly reviewed by
Comments: 0
Your entire domain
Get detailed instructions on how to resolve every accessibility issue on your website

Web accessibility standards state that each page should not have more than one banner landmark.

Why It Matters

Landmarks allow blind users to navigate and find content more quickly and easily. When landmarks are missing, screen reader users need to sort through too much extra information to find what they need.

Landmarks provide a more seamless way for users to skip to the main content of the web page. There is also no visible alteration to the design of the web page, making it unobtrusive and invisible.

Fixing the Issue

Developers should ensure that individual HTML pages only have one banner landmark.

The role=”banner” ARIA landmark should only appear once on an element that is unique to the HTML document even though the HMTL5 specification allows multiple instances of an equivalent header landmark value.