Skiplink

Let the skiplink to content be the first link on the page.

HTML


<body>
  <a href="#content" class="visually-hidden">Skip to content</a>
<!-- recurring elements like header and navigation -->
  <div id="content">
<!-- all content including H1 -->
  </div>
</body>

CSS


.visually-hidden:focus
{
  position:absolute;
  left:0px;
  top:0px;
  // you may use positions that match your design
  // you can put here any styling as you like
  // be sure it's visible
}

Also get the CSS-code for visually hidden

Chrome bug solved

You don't need tabindex=-1 any more to avoid Chrome from moving focus to the anchor. Read the long thread at Chromium Bugs.