Error · landmark-no-duplicate-banner

Two page headers

Q: What does the landmark-no-duplicate-banner error mean?

Two page headers. Two areas claim to be the page header; screen readers can't tell which is the real one.

Lighthouse / axe call it: Document should not have more than one banner landmark

Two areas claim to be the page header; screen readers can't tell which is the real one.

Who it leaves out: blind people (screen readers)

How to fix it

Keep one. Developer task.

In the code

Don't want to fix this by hand, element by element?

Enter your address. In about a minute you get every failure on the page explained, and the corrected code, already tested in a browser, for each element we can fix. Free, no account.

One more chance: free scan · no account

The full report covers the pages that matter (checkout, cart, contact) and every fix, for $15 once or with monitoring.

Related errors

Images without a description image-alt
Image buttons without a name input-image-alt
Buttons with no name button-name
Links that don't say where they go link-name
Form fields without a label label
Drop-down menus without a label select-name

Automated testing covers roughly half of WCAG criteria; a full conformance claim also requires manual review. Technical information, not legal advice.