How to fix region on WooCommerce

Steps for WooCommerce

1. Landmark structure is controlled by your active WordPress theme. In your WordPress admin go to Appearance → Theme File Editor (or use a local FTP/SSH connection for child themes).
2. Open 'header.php' — wrap the site header and nav output in `<header role='banner'>` and `<nav aria-label='Primary'>` respectively if not already present.
3. Open 'footer.php' — ensure all footer content is inside `<footer role='contentinfo'>`.
4. Open 'page.php', 'single.php', 'archive.php', and 'index.php' — confirm the main loop is wrapped in `<main id='main' role='main'>`.
5. If using a block theme (WordPress 6+), edit templates via Appearance → Editor (Site Editor). Select the template part (Header, Footer, etc.) and use the Group block with its HTML element set to the correct semantic tag (header, main, footer) in the block settings sidebar.
6. Install the free 'WP Accessibility' plugin (by Joe Dolson) for quick fixes like adding a skip-link and ensuring the main content is correctly identified; install 'Equalize Digital Accessibility Checker' to scan for remaining issues.

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.