Spring til indhold

Silktide tester, at hver side giver besøgende en mulighed for at springe direkte til hovedindholdet forbi gentagne sidehoveder og navigation. Det er normalt et link til at "springe til indhold" øverst på siden eller et vartegn for hovedindholdet.

<!-- Et spring-link, der peger på hovedindholdet -->
<a href="#main">Spring til hovedindholdet</a>
...
<main id="main">
  <h1>Velkommen</h1>
</main>

Hvorfor det er vigtigt

Mange mennesker oplever sider sekventielt: En -bruger hører indholdet i rækkefølge, og en tastaturbruger tabber gennem hvert link. Da de fleste websteder gentager det samme sidehoved og den samme navigation på hver side, skal disse brugere igennem det igen på hver eneste side – en blind besøgende kan skulle igennem snesevis eller hundredvis af navigationslinks, før vedkommende når indholdet. Et spring-link eller vartegn for hovedindholdet fjerner denne byrde.

Spring-links behøver ikke være synlige for alle. Et almindeligt mønster holder linket skjult, indtil det modtager , så det ikke påvirker dit design.

Sådan løser du det

Tilføj et link helt øverst på siden, der peger på starten af dit hovedindhold, f.eks. <a href="#main">Spring til hovedindholdet</a>.
Sørg for, at målet findes: Fragmentet skal matche et rigtigt elements id, og målelementet skal være synligt.
Du kan også (eller derudover) markere dit hovedindhold med et <main>-element eller role="main" – begge dele opfylder dette tjek alene.
Bedste praksis er at kombinere de to: et spring-link, der peger på <main>-vartegnet. Det fungerer med det bredeste udvalg af browsere og hjælpeteknologier:

<a href="#main">Spring til hovedindholdet</a>
...
<main id="main">...</main>

Sådan tester Silktide dette

Spring sider over med færre end 500 synlige tegn tekst – der er for lidt indhold til, at det er nødvendigt at springe til det.
Find et link, der peger på et fragment (f.eks. #main) på den samme side. For at tælle med må linket ikke ligge op ad anden tekst (hvilket ville tyde på, at det er en del af en sætning frem for et navigationshjælpemiddel), og det skal enten være synligt eller skjult på en måde, der er skærmlæsevenlig.
Linkets tekst undersøges bevidst ikke, så tjekket fungerer på alle sprog.
Rapportér et problem, når:
- Linkets fragment peger på et id, som ikke findes på siden (et ødelagt spring-link).
- Linket vises efter mere end 500 synlige tegn tekst, for sent til at spare brugeren for noget arbejde.
- Der ikke findes noget spring-link, og siden ikke har et <main>- eller role="main"-vartegn.

Fejlfinding

Jeg har et spring-link, men tjekket fejler stadig

Tjek de tre fejltilfælde ovenfor: De mest almindelige årsager er et fragment, der peger på et id, som ikke længere findes, et målelement, der er usynligt, samt et cookiebanner eller andet indhold, der skubber linket mere end 500 tegn ind på siden.

Mit indhold starter øverst på siden

Hvis siden har færre end 500 synlige tegn, springes den automatisk over. Længere sider har stadig brug for et spring-link eller et vartegn for hovedindholdet, selv når indholdet starter tidligt, fordi Silktide ikke pålideligt kan afgøre, at der ikke er nogen navigation før det.