<link href="https://fonts.googleapis.com/css2?family=Kumbh+Sans&display=swap" rel="stylesheet">

<h1>tabindex negative</h1>
<ul> 
  <li> 
    <button>
      Click me, then tab once
    </button>
  </li> 
  <li> 
    <button tabindex='-1'>
      I get skipped.
    </button>
  </li> 
  <li> 
    <a href='#'>
      I'm second!
    </a>
  </li> 
  <li> 
    <a href='#' tabindex='-1'>
      I'm skipped...
    </a>
  </li> 
  <li>
    <button href='#'>
      I'm the last one! Continue on in my post!
    </button>
  </li>
</ul>
li {
  margin: 25px 0
}

body {
  font-family: 'Kumbh Sans', sans-serif;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.