WCAG och webbtillgänglighet

En webbsida ska fungera för människor. Ganska många olika människor, faktiskt. Med rätt struktur, design, innehåll och teknik blir den enklare att förstå, navigera och använda.

Vi hjälper företag och organisationer att granska, förbättra och bygga webbplatser med digital tillgänglighet i fokus. Det innebär tydligare innehåll, smartare design och teknik som fungerar bättre, även för personer som använder tangentbord, skärmläsare eller andra hjälpmedel.

Vad är WCAG?

WCAG står för Web Content Accessibility Guidelines och är internationella riktlinjer för digital tillgänglighet. Riktlinjerna beskriver hur innehåll på webben kan göras möjligt att uppfatta, hantera och förstå –och tillräckligt robust för att fungera med olika webbläsare och hjälpmedel.

WCAG 2.2 är W3C:s aktuella rekommendation och innehåller tre nivåer: A, AA och AAA. I de flesta webbprojekt är nivå AA den praktiska utgångspunkten.

Tillgänglighet är dock större än en checklista. Därför granskar vi helheten: design, innehåll, kod och verklig användning.

Det finns många webbyråer. De här valde oss.

Böda Sand logo
Logga: Best Transport
Hailey HR logo
Haypp Group Logo
Kalmar FF emblem vit
Logga: Svenska Golfförbundet

Är er webbplats tillgänglig?

Det är inte alltid lätt att se tillgänglighetsproblem med blotta ögat. Webbplatsen kan se ut att fungera perfekt men ändå vara svår eller omöjlig att använda för den som navigerar med tangentbord, förstorar innehållet eller får sidan uppläst.

Vanliga problem är:

  • för låg kontrast mellan text och bakgrund
  • otydliga länkar och knappar
  • formulär som saknar begripliga etiketter
  • felaktig rubrikstruktur eller bilder utan relevanta alt-texter
  • innehåll som inte går att använda med tangentbord
  • felmeddelanden och komponenter som inte fungerar med skärmläsare

Bara lugn! Vi hittar problemen, prioriterar dem och förklarar hur de kan lösas.

Animation från Bräcke Diakonis webbplats som visar gränssnittets kontraster och visuella tillgänglighet.

Bräcke Diakoni

Bräcke Diakoni är en idéburen stiftelse med fler än 40 verksamheter och många olika målgrupper. När organisationens nya webb skulle tas fram fick tillgänglighet därför inte bli ett lager som lades på i efterhand.

Med effektkartor, tydliga användarbehov och tillgänglighetsanpassning i centrum skapade vi en framtidssäkrad multisajt. Struktur, kontraster och innehåll utformades för människor i olika situationer – från patienter som söker en vårdcentral till anhöriga som behöver information om äldreboende.

Årets Komet 2025 av CommToAct Digital Inclusion Award.

Golf.se prisad för digital inkludering

Kort efter lansering tilldelades Svenska Golfförbundet utmärkelsen Årets Komet 2025 av CommToAct Digital Inclusion Award. En utmärkelse som hyllar organisationer som gör konkreta insatser för ett mer tillgängligt digitalt samhälle. Priset speglar det vi själva strävat efter, att bygga något som fungerar brett och enkelt, utan att göra avkall på innehåll eller identitet.

Så går en WCAG-granskning till

En bra tillgänglighetsgranskning ska inte bara tala om vad som är fel. Den ska visa vad som är viktigast, hur bristerna påverkar användaren och vad ni konkret behöver göra härnäst.

Vi anpassar omfattningen efter webbplatsens storlek, era viktigaste användarflöden och vilka krav verksamheten behöver förhålla sig till.

1

1. Avgränsning och nuläge

Vi börjar med målgrupper, teknik och de viktigaste delarna av webbplatsen. Tillsammans väljer vi ett representativt urval av sidtyper, komponenter och flöden – exempelvis navigation, formulär, sök, inloggning eller köp.

Ni får en tydlig avgränsning av vad som ska granskas, mot vilken WCAG-nivå och vilka verksamhetskrav som behöver vägas in.

2

2. Automatiska och manuella tester

Automatiserade verktyg hjälper oss att hitta återkommande tekniska fel, men de ser långt ifrån allt. Därför testar vi också manuellt med tangentbord, förstoring och relevanta hjälpmedel.

Vi granskar bland annat kontraster, fokusordning, rubrikstruktur, länkar, formulär, felmeddelanden, bilder, rörligt innehåll och komponenternas semantik.

3

3. Prioriterad åtgärdsplan

Bristerna dokumenteras med tydliga exempel, berörda WCAG-kriterier och rekommenderade lösningar. Vi skiljer på kritiska hinder, större användbarhetsproblem och förbättringar som kan planeras längre fram.

Resultatet blir en arbetsbar åtgärdslista för utvecklare, designers och redaktörer – inte bara en rapport som blir liggande.

4

4. Design, innehåll och utveckling

Vi kan genomföra åtgärderna tillsammans med ert team eller ta ansvar för hela förbättringsarbetet. UX, visuell design, kod och innehåll behöver ofta justeras i kombination.

Vi hjälper även redaktörer med praktiska riktlinjer för rubriker, länkar, alt-texter, dokument och begripligt språk.

5

5. Verifiering och fortsatt kvalitet

När åtgärderna är genomförda testar vi berörda delar igen och dokumenterar resultatet. Kvarvarande avvikelser blir synliga och möjliga att planera.

Vid behov tar vi fram checklistor, utbildning och rutiner som gör det lättare att behålla tillgängligheten när nytt innehåll och nya funktioner publiceras.

Bra för människor.
Bra för verksamheten.

Digital tillgänglighet gör det enklare för fler människor att ta del av innehåll, fylla i formulär och genomföra viktiga ärenden. Förbättringarna märks ofta även för användare utan en funktionsnedsättning.

Tydlig struktur, begripliga texter, bra kontraster och fungerande tangentbordsnavigering bidrar till en bättre användarupplevelse. Ett välstrukturerat innehåll gör det dessutom lättare för sökmotorer och AI-tjänster att förstå vad sidan handlar om.

Kort sagt: En tillgänglig webb är en bra webb.

Vilka omfattas av tillgänglighetskraven?

Offentliga aktörers webbplatser och appar omfattas av DOS-lagen. Den svenska tillgänglighetslagen, LPTT, gäller sedan den 28 juni 2025 och omfattar dessutom vissa konsumenttjänster, bland annat e-handel, bank- och betaltjänster samt elektronisk kommunikation.

Exakt vilka krav som gäller beror på verksamheten och tjänsten. Vi hjälper er att undersöka webbplatsens tekniska och innehållsmässiga tillgänglighet, men vår granskning ersätter inte juridisk rådgivning.

Offert? Vi löser!

Fyll i formuläret så hör vi av oss.

✓ Snabb återkoppling

✓ Kostnadsfritt

✓ Förutsättningslöst

Vad säger våra uppdragsgivare?

Vi är rätt bra på att prata om oss själva. Men våra uppdragsgivare gör det ännu bättre.

  • Hanna Seiser Best Transport

    Wilson är ett lyhört och nyfiket gäng som snabbt förstod både våra behov och våra utmaningar. De har varit snabba utan att tumma på kvalitet, effektiva utan att stressa, och framför allt: väldigt enkla att jobba med. Vi gillar deras raka sätt, deras lösningsfokus och hur de hela tiden ser till att vi som uppdragsgivare känner oss trygga i processen.

    Hanna Seiser

    Best Transport

  • Anna Barkevall från Böda Sand

    Wilson Creative har utvecklat en hemsida som synkar helt perfekt med vårt hållbarhetstänk. Bodasand.se är numera både snabb och energieffektiv. Det ligger helt i linje med vår ambition att minska vårt ekologiska avtryck. Teamet på Wilson har varit otroligt lyhörda och lätta att arbeta med vilket gjorde projektet inspirerande från start till mål. Vi är så nöjda och stolta över resultatet!

    Anna Barkevall

    Böda Sand

  • Maria Widén från Widens Åkeri

    Wilson Creative har varit ovärderliga för oss i allt från hemsida och content till att hjälpa oss nå rätt personer när vi rekryterar. De är kreativa, proffsiga och så otroligt enkla att jobba med. Deras förståelse för vårt hållbarhetsarbete och hur vi vill kommunicera det har verkligen gjort skillnad. Vi är stolta över vårt samarbete och rekommenderar Wilson Creative till 100%.

    Maria Widén

    Widéns Åkeri

Vanliga frågor om WCAG

Vad betyder WCAG?

WCAG betyder Web Content Accessibility Guidelines. Det är internationella riktlinjer för hur digitalt innehåll kan göras mer tillgängligt för personer med olika funktionsnedsättningar.

Vad är skillnaden mellan WCAG 2.1 och WCAG 2.2?

WCAG 2.2 bygger vidare på WCAG 2.1 och innehåller ytterligare kriterier, bland annat kring tangentbordsfokus, inmatning och tillgänglig autentisering.

Vilken WCAG-nivå bör en webbplats följa?

Nivå AA är normalt den relevanta målsättningen. Vilka formella krav som gäller behöver bedömas utifrån verksamheten och den lagstiftning eller standard som organisationen omfattas av.

Kan ett automatiskt verktyg kontrollera hela webbplatsen?

Nej. Automatiserade verktyg kan hitta vissa tekniska fel, men många tillgänglighetsproblem kräver manuell granskning och mänsklig bedömning.

Kan ni granska en webbplats som någon annan har byggt?

Ja. Vi kan granska webbplatser oavsett vem som har designat eller utvecklat dem och sedan hjälpa er eller er leverantör med åtgärderna.

Får vi ett WCAG-certifikat efter granskningen?

WCAG är en uppsättning riktlinjer, inte ett officiellt certifieringssystem. Ni får i stället en dokumenterad granskning med avvikelser, prioriteringar och rekommenderade åtgärder.

Hur lång tid tar en WCAG-granskning?

Det beror på webbplatsens storlek och komplexitet. Vi börjar vanligtvis med ett representativt urval av sidtyper, komponenter och viktiga användarflöden.

Sofie Vingstedt - Webbutvecklare & UX

Ska vi se hur tillgänglig er webbplats är?

Vi kan börja med en avgränsad genomgång och ge er en tydlig bild av nuläget. Vi lyfter konkreta problem, rimliga prioriteringar och föreslår en väg framåt.