How to fix landmark no duplicate banner on PrestaShop
Ensure your page has only one banner landmark (one `<header>` or `role="banner"` element that is not nested inside another landmark), so screen reader users can navigate your site reliably.
Steps for PrestaShop
- Via FTP or your hosting file manager, go to themes/<your-theme>/templates/layouts/ and open layout-full-width.tpl (or whichever layout your store uses).
- Search for '<header' and 'role="banner"'. Ensure only one top-level <header> exists for the site header.
- Change any duplicate <header> elements (in module template files under modules/<module-name>/views/templates/) to <div> and remove role="banner".
- Clear PrestaShop's cache: Back Office → Advanced Parameters → Performance → Clear cache.
- Verify with axe DevTools.
What is landmark no duplicate banner?
A "banner landmark" is the main header area of a webpage — the section that typically contains your logo, site-wide navigation, and branding. In HTML it is created by a top-level `<header>` element or any element with `role="banner"`. Assistive technologies like screen readers use landmarks as shortcuts so users can jump straight to the part of the page they need. The WCAG rule is simple: a page should have only one banner landmark. When two or more exist (e.g. a sticky header plus a secondary `<header>` in the page body, or a theme component that accidentally duplicates the tag), screen readers announce "banner" more than once and users cannot reliably find the true top of your site.
Blind and low-vision shoppers who rely on screen readers navigate pages by jumping between landmarks. If there are two banners, their software cannot tell them which is the real site header, forcing them to listen to redundant announcements or give up entirely. This directly hurts conversions from assistive technology users — a segment estimated at 15–20 % of the global population with some form of disability. Legally, WCAG 2.1 AA compliance is required or strongly expected under the ADA (US), EAA (EU), AODA (Canada), and similar laws; duplicate-landmark violations are cited in accessibility lawsuits and audits. Fixing it also tends to tighten your HTML structure, which search engines reward with slightly better crawlability.
See the complete Landmark no duplicate banner guide for every platform and the full background.
Not sure if your PrestaShop store has this?
Run a free SEOLZ scan — we’ll find landmark no duplicate banner and every other issue across your whole site.
Scan my site free