Skip Link toevoegen aan Index Character Navigation

[Robbert]

Toetsenbordgebruikers die de Index Character Navigation (A-Z links) niet nodig hebben, die willen niet 26 keer op Tab drukken. Daarom wil ik automatisch een Skip Link plaatsen binnen deze component, die linkt naar een acnhor ná de 26 links.

Bijvoorbeeld:

<nav>
  <a href="#id-37889e6c-3c8c-4159-ae99-1298801eb432">Sla 26 A-Z links over</a>
  <ul>...</ul>
  <a id="id-37889e6c-3c8c-4159-ae99-1298801eb432"></a>
</nav>

[rianrietveld]

<a id="id-37889e6c-3c8c-4159-ae99-1298801eb432"></a>
gaat niet werken helaas, een a zonder href krijgt geen toetsenbordfocus.
Ik zou dit doen:
<div id="id-37889e6c-3c8c-4159-ae99-1298801eb432" tabindex="-1"></div>
tabindex="-1" is nodig voor Safari 🧌