Page Landmarks

Landmarks divide a page into regions that people and assistive technology can navigate.

One primary main region

Main contains the content unique to this page. Repeated site navigation and the page footer normally sit outside it.

Header, nav, main, and footer describe purpose. CSS may change their appearance later without changing that meaning.

Landmarks divide the page into regions that assistive technology can jump between.

<header>…</header>
<nav aria-label="…">…</nav>
<main>…</main>
<footer>…</footer>