# How to add page landmarks (header, nav, main, footer)

> Landmarks let screen-reader users jump straight to the content or navigation. HTML5 elements give them for free.

Accessibility · HTML version: https://getreport.app/learn/landmarks

## Page landmarks

Passing looks like: Page landmarks are in place.

**Why it matters.** Screen reader users jump between header, navigation, main content and footer instead of reading top to bottom. Without these landmarks they have to listen to the whole page to find the content.

**How to fix it.**

1. Wrap the page content in <main>, the site header in <header>, the menu in <nav> and the bottom area in <footer>.
2. If the theme uses <div id="content">, change the tag rather than adding a wrapper; most page builders offer semantic wrappers in their settings.

Check your own page: https://getreport.app/