Hoppa över innehåll

En webbplats har ofta mycket upprepande innehåll för alla undersidor. Exempelvis är huvudmenyn ofta densamma oavsett var på webbplatsen en befinner sig. Huvudinnehållet som är det som är nytt för undersidan är ofta lite längre ner efter annat innehåll såsom huvudmenyn. En användare som navigerar med enbart tangentbord kan behöva navigera igenom många olika element innan huvudinnehållet kommer i fokus.

För att undvika att användare behöver gå igenom samma innehåll om och om igen för att nå huvudinnehållet kan man lägga till så kallade skipplänkar. Det är alltså en länk som låter användare hoppa över innehåll, och få fokus direkt i exempelvis huvudinnehållet.

Exempel

Den här webbplatsen har en “hoppa till innehåll” först i fokusordningen. Den är inte alltid synlig, men den syns när du laddar in sidan och trycker på tab-tangenten för att navigera. Länken leder till huvudinnehållet direkt, så att du inte behöver navigera igenom huvudmenyn och alla kategorier innan du når innehållet.

I detta fall kan det vara svårt att se var fokus hamnar eftersom länken leder till text. Därför har vi ett mindre exempel som visar hur länken fungerar. Klicka på den här texten för att sätta fokus här och använd sedan tangentbordet för att navigera i rutan. Testa att använda navigera till innehållet i rutan både utan att använda länken, och genom att använda den.

Tab-tangenten flyttar fokus till nästa element.
Shift + tab flyttar fokus till föregående element.
Enter aktiverar knappen som fokus är i.

Hoppa till innehåll

Länk Länk Länk

Innehållet för sidan

Testa riktlinjen

Testa att navigera en webbplats med enbart tangentbordet, notera om det finns länkar för att hoppa över innehåll, eller behöver användare gå igenom en lång meny på varje undersida innan det går att komma till innehållet?

Läs mer om riktlinje 2.4.1 på W3Cs webbplats.