Lägg till länken ”Hoppa till innehållet”

Med avseende på användare av tangentbord är det skäl att i början av varje sida lägga till den så kallade länken ”Hoppa till innehållet”, som för dem direkt till sidans huvudinnehåll.

Webbsidor innehåller mycket material före huvudinnehållet. På sidorna finns ofta navigationslänkar, olika element för sökfunktionen, bilder och reklamer. Att komma till huvudinnehållet kan i vanliga fall kräva tiotals tangenttryckningar för användare av tangentbord.

All onödig information, med avseende på huvudinnehållet, kan man enkelt hoppa över om en länk ”Hoppa till innehållet” finns i början på sidan.

Användare av tangentbord har ofta också andra sätt att hoppa över oväsentligt innehåll. Exempelvis utnyttjar personer som använder skärmläsningsprogram ofta sidans rubriknivåer.

Om man har använt sig av rubrikstilar på sidan på rätt sätt, kan man med ett skärmläsningsprogram hoppa direkt från en rubrik till en annan och enkelt hitta fram till huvudinnehållet.

Alla användare känner ändå inte till den här egenskapen eller kan inte använda sig av den. Därför är det viktigt att kunna erbjuda flera sätt att hitta fram till sidans huvudinnehåll.

Länken ”Hoppa till innehållet” kan döljas på sidan. Länken ska ändå synas då tangentmarkören befinner sig på den. I annat fall kan personer med normal syn som använder tangentbord eller manöverkontakt inte veta att sidan har en ”Hoppa till innehållet” länk.

Kodexempel:

<body>

<a href=”#huvudinnehall”>Hoppa till innehållet</a>

…

//Här finns vanligtvis webbplatsens logotyp, navigationslänkar, sökfunktion o.d.

…

<h1>Huvudinnehållets första rubrik här</h1>

<p>Här finns första stycket</p>

…