Ensure the Document Has At Most One Banner Landmark

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.