Hoppa till innehåll

Silktide testar att varje sida ger besökare möjlighet att hoppa direkt till sidans huvudinnehåll, förbi upprepade sidhuvuden och navigering. Detta är vanligtvis en länk för att "hoppa till innehåll" högst upp på sidan eller ett landmärke för huvudinnehåll.

<!-- En hopplänk som pekar på huvudinnehållet -->
<a href="#main">Hoppa till huvudinnehåll</a>
...
<main id="main">
  <h1>Välkommen</h1>
</main>

Varför detta är viktigt

Många upplever sidor sekventiellt: en användare av en hör innehållet i ordning, och en tangentbordsanvändare tabbar genom varje länk. Eftersom de flesta webbplatser upprepar samma sidhuvud och navigering på varje sida måste dessa användare ta sig igenom det igen på varje sida – en blind besökare kan behöva ta sig igenom dussintals eller hundratals navigeringslänkar innan innehållet nås. En hopplänk eller ett huvudlandmärke undanröjer detta hinder.

Hopplänkar behöver inte vara synliga för alla. Ett vanligt mönster är att hålla länken dold tills den får , så att den inte påverkar din design.

Så åtgärdar du det

Lägg till en länk allra högst upp på sidan som pekar till början av ditt huvudinnehåll, till exempel <a href="#main">Hoppa till huvudinnehåll</a>.
Kontrollera att målet finns: fragmentet måste matcha ett riktigt elements id, och målelementet måste vara synligt.
Alternativt (eller dessutom) kan du markera huvudinnehållet med ett <main>- element eller role="main" – vilket som helst av dessa uppfyller kontrollen på egen hand.
Bästa praxis är att kombinera de två: en hopplänk som pekar på landmärket <main>, vilket fungerar med det bredaste urvalet av webbläsare och hjälpmedelsteknik:

<a href="#main">Hoppa till huvudinnehåll</a>
...
<main id="main">...</main>

Så testar Silktide detta

Hoppar över sidor med färre än 500 synliga tecken – det finns för lite innehåll för att det ska behövas en hopplänk.
Letar efter en länk som pekar på ett fragment (till exempel #main) på samma sida. För att räknas får länken inte stå intill annan text (vilket skulle tyda på att den är en del av en mening snarare än ett navigeringshjälpmedel), och den måste antingen vara synlig eller dold på ett sätt som fungerar med skärmläsare.
Länkens text granskas medvetet inte, så kontrollen fungerar på alla språk.
Rapporterar ett problem när:
- Länkens fragment pekar på ett id som inte finns på sidan (en trasig hopplänk).
- Länken visas efter mer än 500 synliga tecken, för sent för att spara användaren någon ansträngning.
- Det inte finns någon hopplänk och sidan saknar ett <main>- eller role="main"-landmärke.

Felsökning

Jag har en hopplänk, men kontrollen misslyckas fortfarande

Kontrollera de tre fallen ovan: de vanligaste orsakerna är ett fragment som pekar på ett id som inte längre finns, ett osynligt målelement eller en cookie-banner eller annat innehåll som skjuter ned länken mer än 500 tecken in på sidan.

Mitt innehåll börjar högst upp på sidan

Om sidan har färre än 500 synliga tecken hoppas den över automatiskt. Längre sidor behöver fortfarande en hopplänk eller ett huvudlandmärke, även när innehållet börjar tidigt, eftersom Silktide inte på ett tillförlitligt sätt kan avgöra att ingen navigering föregår det.