How to fix landmark banner is top level on Squarespace

Move your site's `<header>` element (or `role="banner"` landmark) so it is a direct child of `<body>`, not nested inside another landmark region.

Steps for Squarespace

  1. Squarespace controls page structure. Go to Pages → Website Tools → Custom CSS and Custom Code (Business plan or higher required for header injection).
  2. If you have injected custom HTML into the header via Settings → Advanced → Code Injection, review that injected code and remove any wrapping landmark elements (e.g., `<main>`, `<section>`) around the `<header>` content.
  3. Squarespace's native `<header>` is already top-level; the issue most commonly arises from custom code injection — audit and remove any wrapping landmarks there.
  4. Test the published site with axe DevTools.
Official Squarespace documentation ↗

What is landmark banner is top level?

Every webpage has a special "banner" landmark — the main site header that typically contains your logo, navigation, and tagline. Screen readers and assistive technologies use landmarks like banners to let users jump quickly around a page without reading everything. The rule is simple: the banner landmark must sit at the top level of the page (directly inside `<body>`), never wrapped inside another landmark region like `<main>`, `<aside>`, `<section>`, or `<article>`. When it is nested, assistive technology can't find it in the expected place, and some tools won't announce it as the banner at all.

Roughly 7 million Americans use a screen reader, and many more rely on keyboard or switch navigation. When your banner landmark is buried inside another landmark, those users lose the ability to skip directly to the header or understand the page structure — a core WCAG 2.1 requirement (Success Criterion 1.3.6 / 4.1.2). Failing WCAG landmarks is an accessibility legal risk: ADA and similar laws in the EU, UK, Canada, and Australia have led to lawsuits and settlements against e-commerce stores of all sizes. Fixing it also demonstrates technical quality to search engines that increasingly evaluate page structure as a signal of content organisation.

See the complete Landmark banner is top level guide for every platform and the full background.

Not sure if your Squarespace store has this?

Run a free SEOLZ scan — we’ll find landmark banner is top level and every other issue across your whole site.

Scan my site free

Fix landmark banner is top level on another platform