SEOLZ

How to fix landmark no duplicate contentinfo on Shopify

Remove duplicate `<footer>` elements or `role="contentinfo"` landmarks so your page has exactly one, site-wide footer region.

Steps for Shopify

  1. Go to Online Store → Themes → click 'Customize' on your active theme.
  2. To edit theme code directly: Online Store → Themes → Actions → Edit code.
  3. Open 'layout/theme.liquid' — this is your global page wrapper. Search for `<footer` and `role="contentinfo"`. You should see exactly one. If duplicates exist here, merge or remove the extra one.
  4. Also check 'sections/footer.liquid' (or similarly named footer section file). Ensure it contains only one `<footer>` tag and does not repeat one that already exists in theme.liquid.
  5. If you have installed apps that inject content (e.g. review widgets, chat widgets, cookie banners), check their output in your browser's DevTools (right-click → Inspect) to see if they render a `<footer>` element. Contact the app developer to have them use a `<div>` instead, or wrap the app embed in a `<div role="none">` override.
  6. Save changes, then re-audit with the axe browser extension to confirm one contentinfo landmark.
Official Shopify documentation ↗
<footer>
  <!-- Only ONE <footer> element should be a direct child of <body> -->
  <p>&copy; 2025 My Store. All rights reserved.</p>
  <nav aria-label="Footer navigation">
    <a href="/privacy">Privacy Policy</a>
    <a href="/contact">Contact Us</a>
  </nav>
</footer>

<!-- ✅ CORRECT: one <footer> at page level -->

<!-- ❌ WRONG: a second top-level <footer> or role="contentinfo" anywhere else on the page -->
<!-- <footer>... duplicate content ...</footer> -->
<!-- <div role="contentinfo">... duplicate ...</div> -->

<!-- ✅ OK: <footer> nested inside <article> or <section> is allowed and does NOT create a contentinfo landmark -->
<article>
  <footer>Article-level footer (author, date) — this is fine</footer>
</article>

What is landmark no duplicate contentinfo?

A "contentinfo" landmark is the accessible name for the footer section of a webpage — typically the `<footer>` HTML element, or any element marked with `role="contentinfo"`. It signals to screen readers and assistive technologies that this region contains site-level information like copyright notices, legal links, and contact details. WCAG and ARIA rules require that this landmark appear only once per page. When a page contains more than one `<footer>` element (or more than one element with `role="contentinfo"`) that is a direct child of the `<body>`, assistive technologies become confused about which one is the "real" footer, and navigation shortcuts that jump to the footer region break or behave unpredictably.

Screen reader users rely on landmark navigation to skip directly to major page regions — heading, main content, navigation, and footer — without reading every word. When two contentinfo landmarks exist, screen readers may announce "footer" twice, jump to the wrong one, or leave users disoriented. This is a WCAG 2.1 failure (best practice under ARIA Landmark Regions guidance) that exposes your store to accessibility-related legal risk in jurisdictions where web accessibility is required (e.g. ADA in the US, EAA in the EU). Fixing it also improves the overall structural quality of your HTML, which indirectly supports search engine crawling and indexing by making your page outline cleaner and more predictable.

See the complete Landmark no duplicate contentinfo guide for every platform and the full background.

Not sure if your Shopify store has this?

Run a free SEOLZ audit — we’ll find landmark no duplicate contentinfo and every other issue across your whole site.

Scan my site free

Fix landmark no duplicate contentinfo on another platform