Kort svar: En skip-link er et “Spring til indhold”-link, der står først på siden og lader tastaturbrugere hoppe forbi menuen. Uden den skal de tabbe gennem hele navigationen på hver eneste side. Ahorizon leder efter en genvej til et område på siden og giver enten fuld score eller nul.
Hvad Ahorizon måler
Kontrollen indgår i ét af tjekkene. Tærsklerne nedenfor er dem, motoren faktisk regner med.
| Tjek | Hvad motoren ser på | Hvornår kontrollen består |
|---|---|---|
| EAA-tjekGenvej til hovedindhold | Om siden indeholder et link, der peger på et område på siden selv — typisk href="#main". | Alt eller intet. Findes ingen genvej, gives nul. |
Sådan ser det ud i koden
Linket må gerne være skjult, indtil det får tastaturfokus. Det må ikke være skjult med display:none — så kan det ikke fokuseres.
<body>
<nav>… 30 links …</nav>
<main id="main"><body>
<a class="skip-link" href="#main">Spring til indhold</a>
<nav>… 30 links …</nav>
<main id="main" tabindex="-1">Hvad fundet betyder
- En tastaturbruger skal ellers gennem hele menuen på hver side, før indholdet nås.
- Det samme gælder brugere af skærmlæser, punktdisplay og kontaktstyring.
- Genvejen tager fem minutter at tilføje og virker på hele websitet, fordi den ligger i skabelonen.
Sådan retter du det
- Læg linket som det allerførste element i body.
- Lad det pege på id'et på main-elementet.
- Skjul det visuelt, men gør det synligt ved :focus — brug ikke display:none.
- Sæt tabindex="-1" på målet, så fokus faktisk flytter sig i alle browsere.
Det kan tjekket ikke afgøre
- Motoren leder efter et link til et område på siden. Den kan ikke se, om linket bliver synligt ved fokus.
- Den kan heller ikke afgøre, om målet er det rigtige sted på siden.
- Om genvejen faktisk virker, kræver en tastaturtest.