Planera tydliga sidmallar

Med avseende på webbplatsens tillgänglighet och allmänna användbarhet är det viktigt att sidmallarna är tydliga. Sidmallarna ska vara enhetliga i alla olika delar av webbtjänsten.

Säkerställ att sidans delar (se Bild 1) på ett tydligt sätt skiljer sig från varandra och att delarna är lätta att känna igen.

Det är särskilt viktigt att det väsentliga innehållet på sidan klart skiljer sig från det övriga innehållet. Det viktigaste innehållet ska presenteras i början av sidan, så att det syns utan att man behöver rulla på sidan.

Sidans delar: huvudinnehåll, huvudrubrik, ingress, brödtext

Säkerställ att sidans väsentligaste del, det vill säga huvudinnehållet, klart och tydligt skiljer sig från det övriga innehållet och delarna på sidan. På sidan ska klart urskiljas var huvudinnehållet börjar och var det slutar.

Huvudinnehållet ska urskiljas både visuellt och maskinellt. Om allt innehåll som hör till huvudinnehållet skrivs mellan elementen <main>…</main> i HTML-koden, kan det också urskiljas maskinellt.

De olika delarna av sidans huvudinnehåll ska presenteras på ett tydligt och begripligt sätt. Huvudinnehållets huvudrubrik, ingress och mellanrubriker ska klart urskilja sig från huvudinnehållets brödtext.

Navigationslänkar: huvudnavigation, undernavigation

Navigationslänkarna på sidan ska tydligt kunna urskiljas från det övriga innehållet. För användaren ska presenteras både visuellt och maskinellt vilken del av sidan som är huvudnavigation och vilken del som är eventuell undernavigation.

Med hjälp av kodning kan detta göras genom att man placerar navigationslänkarna innanför <nav>…</nav> elementen.

Sökfunktion

Om webbplatsen består av fler än 20 undersidor är det skäl att lägga till en sökfunktion för sidorna. Det är skäl att placera sökfunktionen på en sådan plats där man lätt hittar den och där den inte stör sidans andra funktioner.

Fotnot (footer)

Om sidan har en fotnot (footer) (Bild 1) ska den tydligt kunna urskiljas från det övriga innehållet.

Ofta innehåller fotnoten information om hela webbplatsen och inte om enskilda undersidor. Också med tanke på det är det viktigt att användaren inte blandar ihop fotnoten med själva huvudinnehållet.

Extra innehåll som hör till huvudinnehållet

På vissa webbsidor kan det till höger om huvudinnehållet finnas innehåll som hör till huvudinnehållet, men som också ska ses som en självständig helhet – exempelvis kontaktuppgifter som hör ihop med temat för huvudinnehållet.

I Bild 1 presenteras strukturen på en exempelsida och sidans olika delar. Bilden visar hur exempelsidans alla delar är tydligt avskilda från varandra.

Bild 1: Ett exempel på en sida och dess delar.