Skip to main content

Whole page

Page landmarks are missing or share a name

WCAG 2.2 success criterion 1.3.1 Info and Relationships (Level A)

WCAG 2.2
1.3.1 Info and Relationships
Level
A
Default severity
Needs review
Available in
Free

Why it matters

Landmarks — header, main content, navigation, sidebar, footer — let screen reader users jump straight to a part of the page instead of listening from the top. That only works if the main content is marked once, and if landmarks of the same kind have different names: a list with three entries all called "navigation" does not say which is the main menu and which is the footer menu.

Who it affects: Keyboard, screen reader and low-vision users — every visitor meets the page title, language, landmarks, keyboard focus, target sizes and zoom settings on every page.

What Lumtera flags

Checked in review mode's Whole page tab, on the rendered page: no main landmark (no <main> element or role="main"), more than one main landmark, and two or more landmarks of the same kind — navigation, sidebar (aside), header, footer, search, form or region — where some have no label or repeat another's. Each is a warning. Headers and footers inside an article, aside, main, nav or section are not counted as page landmarks, and sections and forms count only when they have a label.

How to fix it in WordPress

The theme should wrap the page content in a single <main> element (or role="main"); accessibility-ready themes do this. If a page builder or plugin adds a second one, change the extra one to a <div> or <section>. Give each landmark of the same kind a short, different aria-label, for example "Main menu" and "Footer menu". In block themes, set it in the Navigation block's Advanced → ARIA label; in classic themes it is set in the theme's templates.

Example

Flagged on the rendered page
<nav>…</nav>
<div class="content">…</div>
<footer><nav>…</nav></footer>
Fixed
<nav aria-label="Main menu">…</nav>
<main id="main">…</main>
<footer><nav aria-label="Footer menu">…</nav></footer>

How to check your fix

  1. Reload the page in review mode and run the Whole page tab again. The finding disappears once the rendered page passes.
  2. Load the page and press Tab: a "Skip to content" link should appear first, and you should always see where focus is, even under a sticky header. Pinch-zoom on a phone, and check the browser tab shows a meaningful title.

Check your pages with Lumtera

This check is free. Open any post, choose Accessibility in the admin bar, then the Whole page tab: Lumtera checks the page as your browser renders it, theme, menus and footer included, one page at a time.

All checks

Start with the free plugin today

All 64 checks, the editor sidebar, Elementor panel and site report — free, with no account and no page limits.