Vi använder oss av Open Sans från Google Fonts som standard. Det är ett öppet Sans serif-typsnitt som ger ett neutralt men vänligt intryck. Vid behov av att använda ytterligare typsnitt ska dessa väljas med hänsyn till tillgänglighet och öppenhet. Välj om möjligt licensfria alternativ.

Använd rubriker kontinuerligt för att skapa en tydlig hierarki.

Huvudrubriken ska tydligt beskriva sidans innehåll och innefatta de viktigaste nyckelorden och sökorden. Den bör inte vara för lång. Använd bara en huvudrubrik per sida.

Sekundär rubrik används bland annat i sidhuvudet för vissa tjänster. Implementeras genom att använda <small> eller .small

font-size line-height radavstånd spaltbredd och radlängd paragraf .lead.

Genom att betona viktiga delar i en text kan man stödja användaren i läsningen och tydligare nå fram med sitt budskap. Det är viktigt att tänka på textens läsbarhet. Detta kan göras genom att ge särskilda nyckelord en tyngre vikt eller genom att använda kursiv stil. Om länkar används i löpande text blir dessa även mer framträdande. Undvik alltid att använda understrykna ord eftersom dessa kan blandas ihop med länkar. Detsamma kan även gälla ord med tyngre vikt beroende på vilket visuellt uttryck länkarna har. Att blanda olika sätt att lyfta fram utvalda ord i en text bör göras med försiktighet. Undvik alltså att göra som i det här stycket.

Förkortningar bör undvikas i den mån det är möjligt. I brödtext finns det sällan skäl att använda förkortningar. Däremot kan ett mer kompakt skrivsätt hjälpa användaren att söka igenom en text till exempel för tabeller eller listor.

Text som inte längre är aktuell kan vid vissa tillfällen ändå vara värda att finnas kvar men markerade som inaktuella. Detta ska bara användas om det finns ett särskilt syfte, om det ger nytta för användaren att ordet är kvar. Många gånger är det bättre att bara ta bort texten.

För fotnoter och text i finstilt så kan en mindre textstorlek användas. Standard är att textstorleken då sätts till 85%.

Ka­pi­tä­ler, ”små ver­sa­ler” kan användas för att ge en ele­gant ef­fekt på till ex­em­pel sid­fo­ten eller för så kal­la­de ”by­li­nes”.

För detta ändamål kan du använda klassen .small-caps.

Om man vill använda en annan färg på en text kan man enkelt färga text med prefixet .text- och valfri färg från de olika paletterna.

För att justera text kan man använda särskilda klasser.

Listor används för att strukturera upp innehåll. Det finns tre varianter av listor: oordnade, ordnade och definitionslistor.

Rekommendationer för listor på webbriktlinjer.se.

Tips på hur man skriver punktlistor på Klartext.

Exempel på olika listor:

Länkar är centralt för att skapa en bra användarupplevelse. Visa vart en länk leder någonstans även när länken är lyft ur sitt sammanhang. Detta är extra viktigt för personer som använder olika hjälpmedel, som till exempel skärmläsare, eftersom de kan välja att navigera genom att enbart läsa upp länkarna. Länkar gör det även lättare för sökmotorer att analysera innehållet, vilket leder till bättre relevansrankning.

Att skriva länkar direkt i texten kan försämra texten läsbarheten men även bidra till inspiration och ökad trovärdighet. Använd dem på ett genomtänkt sätt, utifrån tjänstens kontext och målgruppens förutsättningar.

Texten på en länk bör inte innehålla någon onödig information. Skriv det viktigaste först och undvik att använda formuleringar som: "För mer information om" eller "...klicka här". Du bör inte heller skriva "Länk till...". Gör det uppenbart för användaren att en länk just är en länk, genom att skilja ut den grafiskt från övrigt innehåll.

För länkar till externa webbplatser kan det vara bra att skriva ut organisation eller webbplatsens namn i slutet av länktexten. Länkar till andra webbplatser ska inte öppnas i nytt fönster.

Riktlinjer för att skriva tydliga länkar på webbriktlinjer.se

Undvik att länka enbart till en fil om det inte behövs eller uppfyller särskild nytta för användaren. Många gånger är det bättre att visa innehållet direkt på webplatsen. Länkar till filer bör öppnas i samma fönster om det inte är uppenbart att användaren vill ladda ner filen. Välj ett filformat som så många som möjligt kan ta del av, tex pdf för textdokument.

Länkar till filer för nedladdning bör tydligt visa för användaren att det just rör sig om nedladdning. Skriv detta tydligt i texten. Ange filens format och storlek. Denna information gör att det blir tydligt för användaren att länken inte leder till en webbplats. Att veta filens storlek hjälper användaren att avgöra hur lång tid det tar att ladda ner filen. Länkar för nerladdning bör alltid öppnas i ett nytt fönster.

Ladda ner KBs Logotyp svart (SVG, 6K)