Content outside landmark regions on Shopify
What this is
3 elements sit outside any landmark (header, nav, main, footer). Landmark navigation will skip that content.
Who it affects
- Screen reader users
Standards
How to fix it
- Put all visible content inside `<header>`, `<nav>`, `<main>`, `<aside>` or `<footer>` (or an element with a matching `role`).
On Shopify
Wrap page content in `<main id="MainContent">` in `theme.liquid`; most themes already do — check custom sections.
Other platforms
Prompt for an AI coding tool
Scan your site with AccessibilityBrief and you get a ready-to-use prompt for this problem, with the exact elements on your pages filled in.
Check your own website
Paste a web address. The free scan checks one page and shows what it finds.
More fixes
Automated testing detects only a portion of WCAG issues. Manual testing is required to assess full conformance.