Skapa tillgängligt innehåll på webbsidor

Du som offentlig aktör ökar chansen att information på din webbplats presenteras korrekt oavsett mottagarens verktyg, genom att märka upp sidans innehåll på rätt sätt i html-koden. Semantisk html är användbart för att märka upp betydelse, och stilmallar (CSS – Cascading Style Sheets) kan användas för att styra hur innehåll ska se ut, exempelvis färger, textstorlekar och var på sidan något ska placeras.

Förmedla information, struktur och relationer i koden (Webbriktlinjer)

Meningsfull ordning på innehållet

Ordna innehållet på ett sätt som bevarar den avsedda betydelsen för alla användare, även om den visuella ordningen skulle förändras på grund av att innehållet exempelvis visas på en mindre skärm eller förstoras.

Presentera innehållet i en meningsfull ordning (webbriktlinjer.se) Länk till annan webbplats.

Tabeller

Tabeller kan vara svåra att tolka – både för användare med skärmläsare och för andra. Låt html-koden uttrycka vad tabellens olika delar innehåller, och hur de hänger ihop.

Skriv rubriker till tabeller (webbriktlinjer.se) Länk till annan webbplats.

Listor

Tabellers struktur behöver kunna tolkas av hjälpmedel som skärmläsare. Låt html-koden uttrycka vad tabellens olika delar innehåller, och hur de hänger ihop.

Rubriker

Undvik att särskilja en rubrik från brödtext enbart genom visuell formgivning. Det gör det nämligen svårare för personer med vissa hjälpmedel att navigera på sidan. För personer som använder skärmläsare ger korrekt uppmärkning av rubriker möjlighet att hoppa till olika delar av innehållet.

Beskrivande rubriker

Tydliga rubriker är bra för alla användare, men framför allt för personer som har lässvårigheter och försämrat korttidsminne eftersom det ger det en möjlighet att förutse vad varje del av webbplatsen innehåller.

Skriv beskrivande rubriker och ledtexter (webbriktlinjer.se) Länk till annan webbplats.

Text

Många användare behöver anpassa texten bland annat genom att förstora eller välja ett annat teckensnitt, ändra förgrund- och bakgrundsfärger eller justera avstånd i texten. Som regel har användare goda möjligheter att kontrollera hur digital text presenteras. Men när texten utgör en del av en bild saknas ofta de möjligheterna.

• Använd text, inte bilder av text, för att visa text (Webbriktlinjer)
• Se till att det går att öka avstånd mellan tecken, rader, stycken och ord (Webbriktlinjer)
• Se till att text går att förstora (Webbriktlinjer)
• Respektera användarens inställningar (Webbriktlinjer)

Justera tidsbegränsningar

För vissa användare och i vissa sammanhang behövs gott om tid för att använda digitala tjänster. Ge därför användare möjlighet att stänga av, anpassa eller utöka eventuella tidsbegränsningar.

Ge användarna möjlighet att justera tidsbegränsningar (webbriktlinjer.se) Länk till annan webbplats.

Rättslig vägledning

I Diggs rättsliga vägledning finns mer information om de tillgänglighetskrav du som offentlig aktör behöver ta hänsyn till.

Åtaganden – vilka är kraven?