Grundprinciperna i WCAG
WCAG bygger på fyra huvudprinciper, ofta förkortade som POUR:
1. Perceivable (Uppfattningsbart)
Information och innehåll ska vara möjliga att uppfatta, oavsett användarens förmågor.
Exempel: Använd alt-texter för bilder så att skärmläsare kan förmedla vad bilden visar.
Praktiskt tips: Säkerställ att text har tillräcklig kontrast mot bakgrunden så att den är läsbar för alla.
2. Operable (Användbart)
Användaren ska kunna navigera och interagera med sidan på olika sätt, till exempel med tangentbord istället för mus.
Exempel: Gör det möjligt att använda alla funktioner via tangentbord.
Praktiskt tips: Undvik att ha element som blinkar eller rör sig snabbt, då det kan orsaka problem för personer med epilepsi.
3. Understandable (Förståeligt)
Innehåll och funktioner ska vara enkla att förstå och använda.
Exempel: Använd tydliga och konsekventa navigeringsmenyer.
Praktiskt tips: Ge tydlig feedback vid fel, till exempel: ”E-postadressen är inte giltig.”
4. Robust (Driftsäkert)
Innehållet ska vara tillräckligt robust för att fungera med olika hjälpmedel och teknologier, både nu och i framtiden.
Exempel: Säkerställ att din kod följer webbstandarder och fungerar med skärmläsare.
Praktiskt tips: Testa din webbplats med olika webbläsare och enheter.
Vad innebär nivåerna A, AA och AAA?
WCAG-riktlinjerna är indelade i tre nivåer för att prioritera olika typer av tillgänglighetskrav:
Nivå A (Grundläggande krav)
Det här är de mest grundläggande kraven som måste uppfyllas för att en webbplats ska vara tillgänglig.
Exempel:
- Bilder ska ha alt-texter.
- Tangentbordsnavigering ska fungera.
Konsekvens om ej uppfyllt: Grundläggande funktioner blir otillgängliga för många användare.
Nivå AA (Rekommenderade krav)
Den här nivån fokuserar på att lösa de vanligaste tillgänglighetsproblemen och säkerställa en god användarupplevelse.
Exempel:
- Tillräcklig kontrast mellan text och bakgrund (minst 4,5:1).
- Responsiv design som fungerar på olika skärmstorlekar.
Konsekvens om ej uppfyllt: Vanliga användningsområden blir svåra för många, särskilt personer med nedsatt syn eller rörlighet.
Nivå AAA (Avancerade krav)
Den högsta nivån som innebär att en webbplats är maximalt tillgänglig för alla användare.
Exempel:
- Mycket hög kontrast (minst 7:1).
- Text med förenklad läsbarhet för användare med kognitiva utmaningar.
Konsekvens om ej uppfyllt: Begränsad tillgänglighet för specifika användargrupper, men inte lika kritiskt som nivå A eller AA.
Vilka nivåer gäller för offentlig och privat sektor?
Offentlig sektor
Offentlig sektor i Sverige omfattas redan av tillgänglighetskrav genom DOS-lagen (2019) och måste följa WCAG nivå A, AA och vissa delar av AAA. Detta gäller till exempel myndigheter, kommuner och andra offentliga aktörer.
Privat sektor
Sedan den 28 juni 2025 omfattas även vissa privata verksamheter av lagkrav på digital tillgänglighet enligt det nya tillgänglighetsdirektivet. Dessa verksamheter ska följa WCAG 2.2 nivå A och AA. Det innebär att många företag – särskilt inom e-handel, bank och transport – nu måste säkerställa att deras digitala tjänster uppfyller dessa krav.
Vad ska du börja med?
- Börja med nivå A och AA: Dessa nivåer täcker de viktigaste kraven och är en bra utgångspunkt för att göra din webbplats tillgänglig.
- Testa din webbplats: Använd verktyg som Google Lighthouse eller WAVE för att se hur väl din webbplats följer WCAG.
- Utbilda ditt team: Se till att alla som arbetar med din webbplats – designers, utvecklare och innehållsskapare – förstår grunderna i WCAG.
Varför är WCAG viktigt?
Att följa WCAG handlar inte bara om att uppfylla lagkrav – det förbättrar också användarupplevelsen för alla. Här är några anledningar:
- Inkludering: Du gör det möjligt för fler att använda din webbplats, inklusive personer med funktionsnedsättningar.
- SEO: Många av WCAG:s riktlinjer, som tydlig struktur och alt-texter, förbättrar din synlighet på Google.
- Varumärkesbyggande: En tillgänglig webbplats visar att du bryr dig om alla dina kunder.
Så börjar du arbeta med WCAG
Om WCAG känns överväldigande kan du börja med några enkla steg:
- Granska din webbplats: Använd gratisverktyg som WAVE eller Google Lighthouse för en snabb analys.
- Fokusera på det viktigaste: Börja med områden som kontraster, alt-texter och tangentbordsnavigering.
- Arbeta med experter: Om du är osäker, ta hjälp av en webbyrå med erfarenhet av tillgänglighet.
Sammanfattning
WCAG är en viktig guide för att skapa en tillgänglig och användarvänlig webbplats. Genom att följa de fyra grundprinciperna – Perceivable, Operable, Understandable och Robust – kan du säkerställa att din webbplats fungerar för alla.
Vill du veta hur din webbplats står sig mot WCAG? Kontakta oss så hjälper vi dig att komma igång! 🌟
