Skip to content

Pillar 1 of 4

Accessibility that doesn't hide behind a green checkmark

We run the same axe-core engine that powers Deque's commercial tooling — and we tell you the truth about what automated testing can and can't find.

Why automated scanning is necessary but not sufficient

Accessibility lawsuits in the US increased every year from 2018 to 2024. The vast majority cited issues that an automated scanner would have caught: missing alt text, contrast failures, form labels, broken focus order. Catching those issues early — and continuously — is non-negotiable. But here's the part most vendors won't tell you: axe-core, the engine behind every credible automated accessibility scanner including ours, catches roughly 50–60% of WCAG issues. The rest require a human. We surface that limit clearly. If a vendor claims 100% coverage or an AAA badge from automated testing alone, walk away.

How findings reach your team

Every violation comes with the rule ID, severity, the offending DOM node's outerHTML, the CSS selector, and a short failure summary that tells your engineer what to change. We link to Deque's rule documentation so the developer doesn't have to context-switch. Findings are stored as JSON. You can export them, diff them between scans, or pipe them into a future GitHub Action that fails the build on regressions.

Score interpretation

Each violation is weighted by axe-core impact: critical = 10, serious = 5, moderate = 2, minor = 1. We subtract the total from 100 for the per-page score, floored at zero. A score of 90+ usually means a small handful of minor issues. 70–89 means a real backlog. Below 70 means the page has structural problems and needs a focused remediation pass.

Voorbeeldbevindingen

serious

Formulieronderdelen moeten labels hebben

Het loginformulier op /signin heeft een e-mailinvoer zonder bijbehorend <label> en geen aria-label. Schermlezers kondigen het veld aan als 'edit text' zonder context, en gebruikers met cognitieve beperkingen die placeholdertekst gebruiken, verliezen de aanwijzing bij het typen.

<input type="email" placeholder="Email" class="form-input" />

Fix: voeg <label for="email">Email</label> of aria-label="Email" toe.
serious

Onvoldoende kleurcontrast

Bodytekst op /pricing gebruikt #9CA3AF op #FFFFFF — een verhouding van 2,84:1. WCAG 2.1 AA vereist 4,5:1 voor body copy. Gebruikers met weinig zicht, oudere schermen of zonreflectie krijgen moeite om het te lezen; sommigen zien de tekst mogelijk helemaal niet.

Element     : <p class="text-slate-400">Most popular plan</p>
Foreground  : #9CA3AF
Background  : #FFFFFF
Ratio       : 2.84:1 (need 4.5:1)
Fix         : darken to #6B7280 (5.85:1) or larger font weight 700+ at 18.66px+ (large-text rule).
moderate

Kop-hiërarchie slaat een niveau over

De /blog/post-template-pagina springt van <h1> direct naar <h3>, waarbij <h2> wordt overgeslagen. Schermlezers geven de paginastructuur weer via kopniveaus, en gaten verwarren gebruikers die navigeren met de H-key. Crawlers van zoekmachines gebruiken de hiërarchie ook om de relevantie van secties te rangschikken.

Paginaschema:
  H1: Artiketitel
    H3: Sectiekop        ← H2 overgeslagen
      H4: Subsectie

Fix: verander <h3> naar <h2>, of voeg een wrapper <h2> in als de H3 echt een subsectie is.

Scan uw site in 60 seconden

25 gratis credits. Geen creditcard. Echte bevindingen op de pagina waar u om geeft.