Keyboard nav in linked lists

Only tabbing :(

by agib

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="form-group">
  <input type="search" name="" id="" class="form-control" placeholder="Search here...">
</div>
<div class="form-group">
  <div class="list-group">
    <a href="#" class="list-group-item">
      Cras justo odio
    </a>
    <a href="#" class="list-group-item">Dapibus ac facilisis in Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum quasi, incidunt maxime commodi ut fugiat aliquam facere repellat, nisi obcaecati voluptatibus. Iusto, necessitatibus, inventore! Laborum eum explicabo quas vero perferendis!</a>
    <a href="#" class="list-group-item">Morbi leo risus</a>
    <a href="#" class="list-group-item">Porta ac consectetur ac</a>
    <a href="#" class="list-group-item">Vestibulum at eros</a>
  </div>
</div>


<div class="form-group">
  <input type="search" name="" id="" class="form-control" placeholder="Search here...">
</div>
<div class="form-group">
  <div class="list-group">
    <label for="item1" class="list-group-item">
      <input type="radio" name="itemGroup" id="item1">
      Cras justo odio
    </label>
    <label for="item2" class="list-group-item">
      <input type="radio" name="itemGroup" id="item2">
    Dapibus ac facilisis in Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum quasi, incidunt maxime commodi ut fugiat aliquam facere repellat, nisi obcaecati voluptatibus. Iusto, necessitatibus, inventore! Laborum eum explicabo quas vero perferendis!</label>
    <label for="item3" class="list-group-item">
      <input type="radio" name="itemGroup" id="item3">
      Morbi leo risus
    </label>
    <label for="item4" class="list-group-item">
      <input type="radio" name="itemGroup" id="item4">
      Porta ac consectetur ac
    </label>
    <label for="item5" class="list-group-item">
      <input type="radio" name="itemGroup" id="item5">
      Vestibulum at eros
    </label>
  </div>
</div>

CSS

body {
  padding: 4rem;
}

.list-group-item:focus {
  outline: 2px solid dodgerblue;
  background-color: dodgerblue !important;
  color: white !important;
}
[name="itemGroup"]{
  visibility: hidden;
}