keyboard navigation HTML examples

example.html

<!-- Don't mess with tab index -->
<div tabindex="3">This is BAD</div>

<!-- Use semantic tags to structure the page -->
<!-- Don't skip heading levels -->
<!-- Use a single h1 for the page title -->
<main>
  <article>
    <header>
      <h1>The title of this page.</h1>
    </header>

    <h2>A section of this page</h2>

    <!-- Divs do not affect doc outline -->
    <div>
      <h2>Another section of this page</h2>
    </div>

  </article>
  <footer>
  </footer>
</main>