Praktische tools om je website te controleren. Deze hulpmiddelen heb ik ontwikkeld om WCAG-testen sneller en eenvoudiger uit te voeren. Ze zijn gratis te gebruiken en werken lokaal in je browser.
Toegankelijkheidstools
Controleer je pagina (bèta)
Scan je webpagina op de meest voorkomende toegankelijkheidsproblemen. Deze tool controleert automatisch je HTML en geeft concrete tips voor verbetering.
Wat deze tool controleert:
- Overzicht van je kopstructuur (h1, h2, h3)
- Overzicht van alle links
- Overzicht van alle knoppen
Deze tool werkt met de code van je website. Lees hoe je deze code gemakkelijk kan kopiëren.
Contrast Checker
Test of de kleuren op je website voldoende contrast hebben volgens WCAG 2.2. Voer je voor- en achtergrondkleur in en krijg direct te zien of het contrast voldoet aan niveau AA of AAA.
Wat test deze tool:
- Succescriterium 1.4.3 Contrast (minimum)
- Succescriterium 1.4.6 Contrast (versterkt)
- Succescriterium 1.4.11 Contrast van niet-tekstuele content
Aangepaste CSS Stijlen
Laad aangepaste CSS met een browser extensie om toegankelijkheidsproblemen op je website op te sporen. Ideaal voor het uitvoeren van handmatige tests en het trainen van je team.
Wat deze stijlen tonen:
- Outline alle koppen, lijst, tabellen
- Outline alle landmarks
- Laat alle ARIA zien
- Pas tekstafstand aan
Overig
Heb je een probleem gevonden?
Kom je een bug tegen of heb je een idee voor verbetering? Stuur me een bericht via niek@wcag.nl.