2.4.1 Hoppa över innehåll A
En webbplats har ofta mycket upprepande innehåll på alla undersidor. Exempelvis är huvudmenyn ofta densamma oavsett var på webbplatsen en befinner sig. Huvudinnehållet som är unikt 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”-länk 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 exempel som visar hur länken fungerar.
Använd tangentbordet för att navigera i rutan. Musanvändare behöver klicka ovanför rutan innan de använder tangentbordet för att fokus ska hamna inuti rutan. Testa att använda navigera till innehållet i rutan både utan att använda ”hoppa till innehåll”-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 länken som fokus är i.
Läs mer om riktlinje 2.4.1 på W3Cs webbplats.