Den här sidan riktar sig till dig som arbetar med innehåll på webbplatser. Här får du vägledning i hur du skapar och publicerar tillgängligt innehåll, med fokus på text, struktur och redaktionella val.

Text på webbplatsen

Texten är grunden i allt webbinnehåll. Tydlig och begriplig text gör det lättare för fler att förstå informationen, hitta rätt och utföra det de behöver göra.

Skriv klarspråk på webben

Klarspråk innebär att skriva vårdat, enkelt och begripligt med utgångspunkt i mottagarens behov. På webben är det särskilt viktigt eftersom många läser snabbt, på små skärmar eller med hjälpmedel.

Så gör du webbtexten tillgänglig

Utöver klarspråk påverkar struktur och utformning hur lätt texten går att läsa, förstå och använda på webben. Nedan följer åtgärder gör webbtexten mer tillgänglig.

• Använd informativa rubriker och underrubriker som tydligt beskriver innehållet i avsnittet.
• Dela upp texten i korta stycken med tydlig struktur.
• Placera det viktigaste först i texten och skriv så att innehållet fungerar både vid skumläsning och med skärmläsare.

Typografi och formatering

Hur texten presenteras på webben påverkar hur lätt innehållet går att läsa och använda. Tydlig typografi och formatering för texten lättare att överblicka och risken att missa information minskar.

Så bidrar typografi och formatering till tillgänglighet

• Använd lättlästa typsnitt utan dekorativa detaljer.
• Se till att det är tillräcklig textstorlek och tillräckligt radavstånd.
• Undvik långa rader, kortare rader gör texten lättare att följa.
• Använd vänsterjusterad text.
• Se till att kontrasten mellan text och bakgrund är tillräcklig.
• Använd luft mellan stycken och avsnitt för att underlätta överblick.

Bilder, diagram och grafik

Bilder, diagram och annan grafik ska bidra till att förklara eller förstärka innehållet. Information får inte enbart förmedlas visuellt, eftersom alla användare inte kan se eller tolka bilder på samma sätt.
Det är därför viktigt att visuellt innehåll alltid kompletteras med text som förmedlar samma information.

Så gör du bilder och grafik tillgängliga

• Se till att bilder har ett tydligt syfte och tillför information.
• Använd tillräckliga kontraster i text och grafik.
• Förmedla inte information enbart med färg.
• Förklara diagram och grafikens viktigaste budskap i text.
• Använd alternativ text (alt-text) för alla informativa bilder.

Alternativtext (alt-text)

Alternativtext, eller alt-text, är en textbeskrivning av en bild. Alt text gör att personer som inte ser bilden kan ta del av informationen och att innehållet fungerar med hjälpmedel som skärmläsare.

När är alt-text viktigt?

• När bilden förmedlar information,
• när bildrn har en funktion, till exempel som länk eller knapp,
• eller bidrar till förståelsen av innehållet på sidan.

Vad är en bra alt-text?

En bra alt-text:

• Förklarar bildens syfte eller budskap i sammanhanget.
• Fokuserar på den information som behövs för att förstå innehållet.
• Är kort, tydlig och relevant.

Ställ följande frågor när du skriver alt-text

• Vad behöver mottagaren förstå av bilden för att kunna ta del av innehållet på sidan?
• Tillför bilden information, eller är den dekorativ?
• Förmedlar bilden samma information som texten, eller något annat?

Om bilden är dekorativ och inte tillför någon information kan döljas för skärmläsare om det är möjligt.

En alt-text ska inte

• Upprepa text som redan finns i brödtexten.
• Beskriva färger, former eller detaljer som inte är viktiga för förståelsen.
• Innehålla formuleringar som ”bild på” eller ”foto av”.

Länkar på webbplatsen

Länkar är centrala för navigation och förståelse på webben, särskilt för personer som använder skärmläsare. Tydliga länktexter gör det lättare att förstå vart länken leder, även när länkar läses upp separat av skärmläsare.

Så gör du länkar tillgängliga

• Formulera länktexten så att den beskriver målet, till exempel namnet på sidan eller tjänsten.
• Undvik generiska länktexter som ”Läs mer” eller ”Klicka här”.
• Placera länken nära den text som förklarar varför den finns.
• Skriv inte ut hela webbadressen som länktext om det inte behövs.
• Ange filtyp om länken leder till en fil, till exempel pdf eller Word.
• Kontrollera regelbundet att länkar fungerar och leder rätt.

Tabeller på webben

Tabeller ska användas när de behövs för att presentera information på ett strukturerat sätt. Felaktigt uppbyggda tabeller kan göra innehållet svårt att förstå, särskilt för personer som använder skärmläsare.

Så gör du tabeller tillgängliga

• Använd tabeller endast för data, inte för layout.
• Skapa tabeller med tabellfunktioner i publiceringsverktyget.
• Markera rubrikrader och använd tydliga kolumnrubriker.
• Undvik sammanslagna celler och oregelbundna tabellstrukturer.
• Beskriv tabellens innehåll och viktigaste slutsatser i brödtext.

Dokument på webbplatsen

Dokument som publiceras på webbplatsen behöver vara tillgängliga för att alla ska kunna ta del av innehållet. Otillgängliga dokument kan bli ett hinder även om webbsidan i övrigt är korrekt utformad.

Som huvudregel bör information publiceras direkt på webbsidan. Använd bara dokument när det finns ett tydligt behov.

När och hur du bör använda dokument

• Publicera information direkt på webbsidan när det är möjligt.
• Använd dokument när innehållet behöver kunna laddas ner, skrivas ut eller arkiveras.
• Säkerställ att dokument följer kraven för tillgängliga digitala dokument innan publicering.
• Ange alltid filtyp i länken och placera dokumentlänkar i ett tydligt sammanhang.

MFD:s stöd för tillgängliga digitala dokument

Redaktionellt ansvar och uppföljning

Tillgängligt webbinnehåll är ett löpande redaktionellt ansvar. Innehåll förändras över tid och behöver följas upp regelbundet.

• Se till att nytt och uppdaterat innehåll följer tillgänglighetsprinciperna.
• Testa innehållet med hjälpmedel och i olika enheter.