landmarks-implicit-aria-role.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Landmark regions with implicit ARIA role</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <header>
      <p>This is the banner region.  The markup uses the HTML5 header element, and omits the role attribute: <code>&lt;header&gt;</code>.</p>
    </header>
    <nav>
      <p>This is the banner region.  The markup uses the HTML5 nav element, and omits the role attribute: <code>&lt;nav&gt;</code>.</p>
    </nav>
    <main>
      <h1>Landmark regions with implicit ARIA role</h1>
      <p>This is the main region.  The markup uses the HTML5 main element, and omits the role attribute: <code>&lt;main&gt;</code>.</p>
    </main>
    <aside>
      <p>This is a complementary region.  The markup uses the HTML5 aside element:, and omits the role attribute <code>&lt;aside&gt;</code>.</p>
    </aside>
    <footer>
      <p>This is the contentinfo region.  The markup uses the HTML5 footer element, and omits the role attribute: <code>&lt;footer&gt;</code>.</p>
    </footer>
  </body>
</html>