---
title: Only One Banner Landmark | Accessibility Rule
description: Document should not have more than one banner landmark
source_url:
  html: https://testingbot.com/support/accessibility/web/rules/landmark-no-duplicate-banner
  md: https://testingbot.com/support/accessibility/web/rules/landmark-no-duplicate-banner/index.md
---
# Make sure the document has at most one banner landmark

Rule ID: landmark-no-duplicate-bannerUser Impact: moderateGuidelines: Best Practices

The `landmark-no-duplicate-banner` rule ensures that an HTML page contains no more than one `role="banner"` landmark. Although HTML5 allows multiple `<header>` elements, ARIA `banner` landmarks should be unique per page.

## What is being tested?

This rule verifies that:

- Each HTML page has no more than one element with `role="banner"`.
- If multiple `<header>` elements are used, only one of them is assigned the `role="banner"`.

## Why it matters

Landmarks help screen reader users navigate and understand the structure of a page. When multiple `banner` landmarks are present, it creates confusion and makes navigation inefficient.

JAWS, NVDA, and VoiceOver allow users to navigate by ARIA landmarks, providing an elegant way to skip to the main sections without changing the visible design. However, this benefit is limited to screen reader users, as browsers currently do not visually expose landmarks to sighted or low-vision keyboard users.

## Failing example

    <header role="banner">
      <p>Global site header</p>
    </header>
    
    <div role="banner">
      <p>Another banner</p>
    </div>

Here, there are two `banner` landmarks, which violates best practice.

## Passing example

    <header role="banner">
      <p>Global site header</p>
    </header>
    
    <header>
      <p>Section-specific header</p>
    </header>

Here, only one element has `role="banner"`, even though multiple `<header>` elements are used.

## Best practices

- Assign `role="banner"` only to the main sitewide header.
- Use additional `<header>` elements for section headings without the `banner` role.
- Combine HTML5 landmarks and ARIA roles for maximum accessibility support.

## Other Rules

Interested in other web accessibility rules? Please see these other rules:

- [landmark-no-duplicate-contentinfo](https://testingbot.com/support/accessibility/web/rules/landmark-no-duplicate-contentinfo)
- [landmark-no-duplicate-main](https://testingbot.com/support/accessibility/web/rules/landmark-no-duplicate-main)
- [landmark-one-main](https://testingbot.com/support/accessibility/web/rules/landmark-one-main)
- [landmark-unique](https://testingbot.com/support/accessibility/web/rules/landmark-unique)
- [meta-viewport-large](https://testingbot.com/support/accessibility/web/rules/meta-viewport-large)