Landmarks & regions

<a href="#example-main">Skip to main content</a>
<a href="#example-site-map">Skip to site map</a>

<header>
  <nav aria-label="main">
    <!-- Main navigation list goes here -->
  </nav>
  <form role="search">
    <!-- Search input goes here -->
  </form>
</header>

<main tabindex="-1" id="example-main">
  <h1>Events</h1>

  <section aria-label="Upcoming events">
    <h2>Upcoming events</h2>
    <!-- Events go here -->
  </section>
  
  <form aria-label="Sign up for event updates">
    <!-- Email spam form goes here -->
  </form>

  <section aria-label="Past events">
    <h2>Past events</h2>
    <!-- Events go here -->
  </section>

  <aside>
    <h2>Event sponsors</h2>
    <!-- Sponsors go here -->
  </aside>
</main>

<footer>
  <nav id="example-site-map" aria-label="Site map">
    <!-- Mini site map goes here -->
  </nav>
</footer>