Verktyg och resurser som hjälper dig uppfylla tillgänglighetskraven

Att följa tillgänglighetskraven enligt den nya lagen kan kännas omfattande men du behöver inte börja från noll. Det finns många verktyg och resurser som kan hjälpa dig analysera, förbättra och kvalitetssäkra din digitala tillgänglighet.

Här listar vi några av de bästa verktygen, guiderna och stödkällorna för dig som jobbar med utveckling, design, innehåll eller ansvarar för digitala produkter.

Verktyg för tillgänglighetsanalys och testning

1. Axe DevTools (by Deque)

• Webbläsartillägg som integreras i Chrome eller Firefox DevTools.

• Identifierar automatiskt tillgänglighetsproblem enligt WCAG direkt på sidan. 

• Visar tydligt var felet finns i koden och hur du fixar det.

→ Perfekt för utvecklare som vill få snabb återkoppling under arbetets gång.

2. WAVE (by WebAIM)

• Webbaserat verktyg för att analysera tillgängligheten på en webbsida.
• Ger visuell återkoppling med färgmarkeringar direkt på sidan.
• Visar också strukturella problem som saknade rubriker eller otydliga länktexter.

→ Bra för både utvecklare och redaktörer.

3. Lighthouse (inbyggt i Chrome)

• Öppna DevTools > fliken "Lighthouse".
• Genererar en tillgänglighetspoäng (0–100) och förslag på förbättringar.
• Testar även prestanda, SEO och bästa praxis.

→ En snabbstart för den som vill ha översikt.

4. NVDA + VoiceOver (skärmläsare)

• Verktygen används av personer med synnedsättning och kan även användas för att testa tillgänglighet för skärmläsare.

• NVDA (Windows) är gratis och VoiceOver är inbyggt i Mac och iOS.

• Används för att testa hur skärmläsare tolkar ditt gränssnitt.

→ Oumbärligt vid manuell testning.

Verktyg för design och utveckling

5. Stark (för Figma, Sketch, Adobe XD)

• Hjälper designers att kontrollera färgkontraster, typsnitt och tillgänglig färgpalett.

• Visar simuleringar av olika typer av synnedsättningar.

→ Ett bra plugin för designteam som arbetar med UI/UX.

6. Totum (tidigare Siteimprove Accessibility Checker)

• Automatiserad tillgänglighetsanalys med översikt på hela webbplatser.

• Integreras med CMS och kodmiljöer.

• Har stöd för prioritering och uppföljning.

→ Passar större organisationer med komplexa sajter.

7. pa11y (CLI-baserad testning)

• Öppen källkod och perfekt för CI/CD-pipelines.

• Gör det möjligt att automatisera tillgänglighetskontroller vid varje kodpush.

→ Perfekt för DevOps-team.

Viktiga riktlinjer och dokumentation

8. WCAG 2.1 (Web Content Accessibility Guidelines)

• Grunden för alla tillgänglighetskrav enligt lag.

• Publiceras av The World Wide Web Consortium (W3C) och finns i olika nivåer: A, AA, AAA. Nivå är inte tillräckligt enligt lagkraven, det är nivå AA och/eller AAA som gäller. 

 Läs kriterierna för WCAG 2.1 på svenska via DIGG 

9. EN 301 549

• Den europeiska standarden som specificerar tekniska krav för digital tillgänglighet.

• Omfattar inte bara webbinnehåll, utan också programvara och hårdvara.

 Finns att läsa via ETSI eller CEN/CENELEC

10. DIGG:s vägledningar

• Den svenska myndigheten för digital förvaltning erbjuder konkreta guider, mallar och e-utbildningar.

DIGG digg.se/webbriktlinjer

Kurser och utbildningar

11. WebAIM Training

• Djupgående kurser i tillgänglig kod, design och testning.

• Både för utvecklare, designers och innehållsansvariga.

12. Funka – utbildningar och stöd

• Svensk aktör som erbjuder kurser, workshops och granskningar.

• Användbart för organisationer som vill bygga upp intern kompetens.

13. Google & Microsoft tillgänglighetsresurser

• Både Google och Microsoft erbjuder gratisguider för hur du bygger tillgängligt med deras verktyg och ramverk.

Även vi genomför tillgänglighetsanalyser som visar exakt vad ni behöver förbättra för att uppfylla lagkraven samt workshops och föreläsningar för organisationer och team som behöver mer insikt kring lagen. 

Ta en titt här om du behöver hjälp.

Sammanfattning

Att följa tillgänglighetslagen kräver både kunskap, struktur och rätt verktyg. Med hjälp av dessa resurser kan du:

 Identifiera brister snabbt
 Designa och utveckla med tillgänglighet i fokus
 Automatisera tester i dina utvecklingsflöden
 Hämta stöd i tydliga riktlinjer och dokumentation
 Bygga upp intern kompetens över tid

Tillgänglighet är inte ett tillval - det är en naturlig del av ett hållbart och inkluderande digitalt arbete. Med rätt verktyg blir det både enklare och effektivare att göra rätt från början.