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.
Eksempel på funn
Skjemaelementer må ha labels
Innloggingsskjemaet på /signin har et e-postfelt uten tilknyttet <label> og uten aria-label. Skjermlesere annonserer feltet som «rediger tekst» uten kontekst, og brukere med kognitive funksjonsnedsettelser som bruker placeholder-tekst mister hintet når de begynner å skrive.
<input type="email" placeholder="Email" class="form-input" /> Fix: legg til <label for="email">Email</label> eller aria-label="Email".
Utilstrekkelig fargekontrast
Brødtekst på /pricing bruker #9CA3AF på #FFFFFF — et forhold på 2,84:1. WCAG 2.1 AA krever 4,5:1 for brødtekst. Brukere med nedsatt syn, eldre skjermer eller gjenskinn fra solen vil slite med å lese det; noen vil ikke se teksten i det hele tatt.
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).
Hopp i heading-hierarkiet
Siden /blog/post-template hopper fra <h1> direkte til <h3>, og hopper over <h2>. Skjermlesere eksponerer sidens struktur gjennom heading-nivåer, og hull forvirrer brukere som navigerer via H-key. Søkemotors-crawlere bruker også hierarkiet til å rangere relevansen til seksjoner.
Sideoversikt:
H1: Artikkel-tittel
H3: Seksjonstittel ← hoppet over H2
H4: Undersseksjon
Fix: endre <h3> til <h2>, eller legg inn en omsluttende <h2> hvis H3 faktisk er en undersseksjon.Scan nettstedet ditt på 60 sekunder
25 gratis credits. Ingen kredittkort. Reelle funn på siden du bryr deg om.