11-define-landmarks.md

11. Define Landmark Regions of a web page using ARIA roles

📹 Video

Most common landmark regions:

1. Header:

<div role='banner'></div>

2. Buttons responsible for navigation should be wrapped in a <div> with its own role:

<div role="navigation">
  <button></button>
</div>

3. Main content:

<div role="main"></div>

4. Footer:

<div role="contentinfo"></div>