header, nav, main, footer: The Big Four
Wrap your page in the regions users expect.
A Map for Your Page
Sighted users scan a page in a glance. Screen reader users need a map, and HTML5 landmark elements draw it for them.
Meet the Big Four
Four elements cover most pages: header, nav, main, and footer. Together they split your layout into regions users can jump between. 🗺️
All lessons in this course
- header, nav, main, footer: The Big Four
- Putting Content in main and Only One main
- Naming Multiple Regions With aria-label
- Landmark Navigation: How Users Jump Around