Automatiserad tillgänglighetsskanning: Så fungerar det

Automatiserad tillgänglighetsskanning har blivit ett oumbärligt verktyg för organisationer som vill uppnå och bibehålla WCAG-compliance. Men vad händer egentligen under huven?

I denna guide förklarar vi hur automatiska scanners fungerar, vilka problem de hittar (och vilka de missar), och hur du implementerar dem i din utvecklingsprocess.

Förståelse för tekniken hjälper dig använda verktygen effektivt och undvika vanliga missförstånd som 'automatisk scanning räcker för compliance'.

Vad är automatiserad scanning?

Automatiserad tillgänglighetsskanning innebär att ett program systematiskt analyserar webbsidor mot definierade tillgänglighetskriterier (vanligtvis WCAG).

Hur det skiljer sig från manuell testning:

Typer av automatiserad scanning:

Hur fungerar tekniken?

En tillgänglighetsskanner arbetar i flera steg:

1. Crawling

Scannern börjar på en start-URL och följer länkar för att upptäcka alla sidor. Avancerade scanners hanterar JavaScript-renderat innehåll och single-page applications.

2. DOM-analys

För varje sida parsas HTML-strukturen. Scannern bygger en representation av accessibility tree – samma struktur som hjälpmedel använder.

3. Regelkontroll

Varje element testas mot en regeluppsättning baserad på WCAG. Vanliga kontroller:

4. Rapportering

Fynd kategoriseras efter allvarlighet, WCAG-kriterium och sidposition. Moderna verktyg ger förslag på åtgärd.

Tekniken bakom:

De flesta verktyg använder axe-core (Deques open source-motor) eller liknande. Xrayd kombinerar axe-core med egenutvecklade regler och AI-assisterad analys för djupare insikter.

Vad hittas och vad missas?

Automatisk scanning hittar (bra på):

Automatisk scanning missar (dålig på):

Statistik:

Studier visar att automatiska verktyg hittar 30-40% av WCAG-brott. Det är betydande – men betyder också att majoriteten kräver mänsklig bedömning.

Automatisering är din basförsvar, inte din enda strategi. Den hittar de uppenbara problemen så du kan fokusera manuell testning på det komplexa.

Välja rätt verktyg

Faktorer att överväga:

Täckning:

Hur många sidor behöver skannas? Enskilda sidor eller hela sajten? SPA-stöd?

Integration:

Behöver det integreras med CI/CD? Jira? Slack?

Rapportering:

Behövs rapporter för ledning? Export-format?

Kostnad:

Gratis verktyg (Lighthouse, Pa11y) vs. betalda (Xrayd, Siteimprove)

Xrayd som exempel:

Xrayd skannar hela sajten, schemaläggs automatiskt, integreras med Slack/Jira, och genererar rapporter anpassade för olika målgrupper. AI-assisterad analys hjälper prioritera och förstå problem.

Rekommendation:

För enskilda utvecklare: Lighthouse + axe DevTools (gratis). För team och byråer: Xrayd eller liknande plattform för automatisering och överblick.

Implementera i din process

1. CI/CD-integration

Kör automatiska tester vid varje pull request. Sätt tröskelvärden – t.ex. 'inga kritiska fel tillåtna'.

2. Schemalagd övervakning

Kör dagliga eller veckovisa skanningar. Fånga problem som introduceras via CMS-innehåll, tredjepartsscript, eller A/B-tester.

3. Alerting

Sätt upp larm för kritiska problem. Skicka till Slack eller e-post. Inkludera ansvarig person.

4. Rapportering

Generera månatliga rapporter för ledning. Visa trender över tid. Fira framsteg!

5. Integration med ärendehantering

Skapa automatiskt Jira-tickets för nya problem. Koppla till relevant utvecklare.

Workflow-exempel: