Over ons

De scan kijkt naar de meest voorkomende problemen die mensen met een beperking tegenkomen op websites:

• Schermlezer-compatibiliteit (NVDA, JAWS, VoiceOver).
• Semantische HTML en correct gebruik van ARIA-labels.
• Kleurcontrast van tekst en interactieve elementen.
• Toetsenbordnavigatie, focus-volgorde en zichtbare focus.
• Aanwezigheid van toegankelijkheidsoverlays (AccessiBe, UserWay, EqualWeb, AudioEye, MaxAccess), die we zien als rood signaal.
• Snelle BDTO- of EAA-indicatie op basis van een paar vragen.

Een automatische scan vangt ongeveer 30 tot 40 procent van alle WCAG-issues op. Voor de rest is een handmatige audit nodig, met echte gebruikers en hulpsoftware.

De meeste online checkers gebruiken een verouderde regelset of laden je site in een versimpelde HTML-parser. Deze scanner doet het anders:

Echte browser, niet alleen HTML-parsing

We openen je site in een volwaardige Chromium-browser via Playwright. JavaScript draait dus echt, lazy-loaded content wordt geladen, en componenten die pas verschijnen na interactie of via dynamische rendering worden meegenomen. Veel concurrenten gebruiken een lichtgewicht DOM-emulator zoals jsdom; dat mist alles wat client-side gerendered wordt.

axe-core 4.11

Voor de daadwerkelijke regel-engine gebruiken we axe-core 4.11 van Deque Systems. Dat is op het moment van schrijven de meest actuele open-source regelset voor WCAG 2.1 en 2.2 AA. Veel andere tools draaien nog op oudere versies, die nieuwere succescriteria niet kennen.

Multi-page crawl tot 10 pagina's

We beginnen op de URL die je opgeeft, lezen je sitemap als die er is, en volgen interne links naar maximaal tien pagina's. Zo krijg je een breder beeld dan alleen de homepage, die vaak veel beter onderhouden is dan binnenpagina's.

Score op impact, niet op aantal

De score (0 tot 100) is gewogen op impact: een kritieke bevinding telt zwaarder dan een lichte. Een site met 50 lichte issues kan dus een betere score halen dan een site met 5 kritieke issues, wat eerlijker weergeeft hoe gebruikers de site beleven.

Overlay-detectie

Bedrijven als AccessiBe en UserWay verkopen een widget die belooft je site automatisch toegankelijk te maken. In de praktijk veroorzaken die widgets vaak juist nieuwe problemen: keyboard-traps, conflicten met screenreaders, en een vals gevoel van veiligheid. We herkennen de bekende widgets en waarschuwen je expliciet.

EU-hosting, geen tracking

De scan draait op een server in Amsterdam (Fly.io). We zetten geen tracking-cookies en verkopen geen data. Resultaten worden maximaal 7 dagen bewaard om het rapport per unieke link te kunnen tonen, daarna automatisch verwijderd. Bezoekersstatistieken via Plausible, die werkt zonder cookies en zonder persoonsgegevens.

Naast de scan hebben we een tweede gratis tool: WCAG Radar. Die sleep je één keer naar je bladwijzerbalk, en daarna opent hij op elke webpagina een testpaneel. Hij werkt ook achter een login en op localhost, waar een online scanner niet bij kan. Alles draait in je eigen browser; er wordt niets verstuurd of opgeslagen.

Het paneel heeft drie tabbladen, elk voor een andere rol. Dit testen ze:

Voor redactie

Voor wie schrijft en content beheert. De lens toont per afbeelding de alt-tekst (of het ontbreken ervan), tekent de koppenstructuur uit en waarschuwt als je een niveau overslaat, en markeert vage linkteksten zoals "lees meer". Verder checkt hij zintuiglijke verwijzingen ("klik hiernaast"), de taal van de pagina, lijst- en tabelopmaak, labels bij formuliervelden, titels van iframes en de paginatitel. Met één klik zet je alle opmaak uit en zie je de kale volgorde waarin een screenreader de pagina voorleest. En met twee pipetten meet je het contrast van tekst op een foto of kleurverloop.

Voor designers

Tekst met te weinig contrast wordt automatisch gemarkeerd, inclusief de gemeten contrastverhouding. Een grijswaarden-weergave laat zien of je ontwerp ook zonder kleur te begrijpen is, belangrijk voor kleurenblinde bezoekers. De lens forceert een duidelijke focusrand zodat je kunt tabben door je ontwerp, en markeert klikdoelen kleiner dan 24 bij 24 pixels. Verder: tekstafstand vergroten en tekst op 200% zetten (valt er dan iets weg of overlapt er tekst?), afbeeldingen vervagen, en een liniaal met hulplijnen voor uitlijning en afstanden.

Voor developers

De lens toont alle ARIA-rollen en -attributen en markeert gebroken referenties, zoals een aria-labelledby die naar een id wijst dat niet bestaat. Elk interactief element laat zijn toegankelijke naam zien: de naam die een screenreader voorleest. De tabvolgorde wordt genummerd, waarbij positieve tabindex-waarden als fout worden gemarkeerd. Foutmeldingen bij formuliervelden worden gecontroleerd op koppeling via aria-describedby of aria-errormessage. En met element-info bij hover zie je per element de tag, rol, toegankelijke naam en afmetingen, zonder de inspector te openen.

Waar de scan in één keer een breed beeld van je site geeft, is WCAG Radar er voor het dagelijkse werk: even checken terwijl je schrijft, ontwerpt of bouwt. Bekijk WCAG Radar en sleep hem naar je bladwijzerbalk.

Testtoegankelijkheid is een initiatief van Proper Access, onafhankelijk auditbureau voor digitale toegankelijkheid. De tool wordt uitgegeven door Proper Access B.V., gevestigd in Amsterdam (KVK 95350985).

We bouwen deze tool omdat we vinden dat een eerlijke toegankelijkheidscheck niet achter een paywall hoort. Geen software die je moet installeren, geen overlays die problemen verdoezelen, geen oplichterij met "compliance in één klik".

Heb je een vraag, een suggestie of een fout gevonden? Mail info@properaccess.nl of bel 06 13 08 53 85.