How to fix region on Squarespace

Steps for Squarespace

1. Squarespace renders its own landmark structure — the global header, footer, and page sections are automatically wrapped in semantic elements in most modern templates (7.1). Open your live site and run the axe extension to confirm which specific content is orphaned.
2. In the Pages panel, if you are using 'Page Sections' (7.1 fluid engine), ensure all content blocks are placed inside a Section — do not use the 'Page Header' injection points for content that belongs in the body.
3. Go to Settings → Advanced → Code Injection (available on Business plan and above). If you have injected raw HTML in the Header or Footer injection fields, ensure that injected content is wrapped with the correct landmark tags (e.g., `<div role='region' aria-label='Announcement'>` as a minimum).
4. For content inside Custom Code blocks on a page, wrap the HTML in the appropriate landmark before pasting.
5. Use Squarespace's 'Page Settings → SEO' description and title fields properly — these also improve overall page structure signals.

What is region?

Landmark regions are special HTML tags — like `<header>`, `<main>`, `<nav>`, `<aside>`, and `<footer>` — that divide a page into named zones. Screen readers and assistive technologies use these zones as a navigation menu, letting users jump straight to the area they need (e.g. "skip to main content") instead of listening to every element. The WCAG "region" rule fails when any visible content sits outside of all these landmark zones — meaning a portion of your page is effectively invisible to screen-reader navigation.

Approximately 7 million Americans rely on screen readers, and "landmark navigation" is one of the primary ways they move through a web page. When content sits outside landmarks, those users cannot find or reach it at all — a direct barrier that can expose your store to accessibility lawsuits under the ADA (Title III) and similar laws in Canada, the UK, and the EU. Beyond legal risk, accessible stores convert better: removing navigation barriers keeps more users on the page and completing purchases. Google also uses page structure as a quality signal, so a well-structured landmark layout can reinforce your SEO.

See the complete Region guide for every platform and the full background.