Instrumente de testare a accesibilității și WCAG checkere comparate

Există multe instrumente bune de testare a accesibilității, iar cele mai multe sunt gratuite. Diferă mai puțin prin ce găsesc și mai mult prin unde rulează (extensie de browser, linie de comandă, serviciu în cloud), ce motor de reguli folosesc și cine citește rezultatul: un dezvoltator, o echipă de QA sau proprietarul afacerii. Această pagină compară instrumentele căutate cel mai des, cu informații luate de pe paginile lor oficiale, și explică unde se încadrează Pandus.

Toate instrumentele de pe această pagină sunt testere automate. Niciunul nu poate confirma că un site îndeplinește WCAG; găsesc o parte din probleme. Verificările noastre sunt o verificare automată, nu un audit complet, și nu constituie consultanță juridică.

Tabel comparativ

Prețurile și funcțiile se schimbă; verificați pagina fiecărui furnizor înainte să decideți.

WAVE

WAVE este o suită de instrumente de evaluare creată de WebAIM la Utah State University. Introduceți un URL pe site sau folosiți extensiile pentru Chrome, Firefox și Edge. Extensia rulează complet în browser, așa că funcționează și pe pagini de după autentificare, fișiere locale și pagini dinamice. Rezultatele apar ca pictograme pe pagină și într-o bară laterală cu erori, erori de contrast și alerte pentru verificare manuală. Pentru multe pagini există un API cu abonament și un motor independent. Este o alegere populară pentru învățare, pentru că arată problemele acolo unde sunt.

Lighthouse

Lighthouse este instrumentul open-source de la Google pentru calitatea paginilor. Îl rulați din fila Lighthouse din Chrome DevTools, din linia de comandă sau online prin PageSpeed Insights. Scorul său de accesibilitate este o medie ponderată a unor audituri de tip trecut/picat, bazate pe reguli axe; verificările manuale nu influențează scorul. Este util ca semnal rapid, dar un scor de 100 acoperă doar auditurile automate — nu înseamnă că pagina îndeplinește WCAG.

axe DevTools și axe-core

axe-core este motorul de reguli open-source al Deque Systems pe care se bazează multe instrumente, inclusiv Pandus. axe DevTools este gama de produse Deque construită în jurul lui: o extensie de browser cu versiune gratuită, funcții Pro plătite, precum testele ghidate, un linter pentru VS Code și integrări pentru teste automate în CI.

Accessibility Insights for Web

Accessibility Insights este setul de instrumente open-source de la Microsoft. Extensia web pentru Chrome și Edge oferă FastPass, care găsește în câteva minute probleme frecvente cu impact mare, și o Assessment care îi conduce pe cei cu cunoștințe de HTML prin criteriile WCAG 2.1 AA, inclusiv prin pașii manuali. Există și versiuni pentru aplicațiile Windows.

IBM Equal Access Accessibility Checker

Equal Access toolkit de la IBM este open source, sub licența Apache-2.0. Checker-ul se integrează în instrumentele pentru dezvoltatori din Chrome, Firefox și Edge, iar pachetul npm accessibility-checker rulează aceleași reguli în CI cu Selenium, Puppeteer sau Playwright. Folosește propriul motor de reguli IBM, cu seturi de reguli pentru WCAG 2.2, 2.1 și 2.0, așa că este o a doua opinie bună lângă un instrument bazat pe axe.

Pa11y

Pa11y este o familie de instrumente gratuite, open-source, pentru linia de comandă. Pa11y testează o pagină; Pa11y CI parcurge o listă de URL-uri și este făcut pentru pipeline-uri. Poate rula HTML_CodeSniffer, implicit, sau axe-core.

BrowserStack Accessibility Testing

BrowserStack Accessibility Testing este un serviciu comercial cu propriul motor de reguli Spectra, o extensie de browser pentru Chrome și Edge, un scanner de site-uri și integrare CI. Potrivit BrowserStack, planul gratuit include scanări nelimitate la cerere ale site-urilor, care acoperă până la cinci pagini unice. Se potrivește echipelor care folosesc deja BrowserStack pentru teste în mai multe browsere.

Unde se încadrează Pandus

Pandus folosește același motor deschis axe-core ca Lighthouse și axe DevTools. Diferența este ce se întâmplă în jurul testului:

• Fiecare pagină, în fiecare săptămână. Un abonament parcurge întregul site după un program și arată ce este nou, ce a fost remediat și tendința.
• Rapoarte pentru proprietarii de afaceri. Fiecare rezultat vine cu o fișă de regulă pe înțeles: ce înseamnă pentru clienți și cum se remediază în Shopify, WooCommerce, PrestaShop sau Shoptet.
• Șapte limbi. Rezultate și rapoarte în engleză, ucraineană, germană, poloneză, cehă, română și rusă.
• Legătura cu EN 301 549. Fiecare regulă are un link către criteriul WCAG și clauza din EN 301 549 V3.2.1 și V4.1.1, standardul european din spatele European Accessibility Act.
• White-label pentru agenții. Rapoarte sub marca agenției, vedeți Pandus pentru agenții.
• Instrumente gratuite. WCAG checker-ul pentru o pagină, verificarea contrastului, extensia de browser pentru paginile de după autentificare și pluginul WordPress.

Dacă sunteți dezvoltator și depanați o componentă, o extensie DevTools este alegerea mai rapidă. Dacă trebuie să știți în fiecare săptămână dacă magazinul unui client s-a înrăutățit și să explicați asta cuiva care nu este dezvoltator, pentru asta este construit Pandus.

Cum combinați instrumentele

1. În timpul dezvoltării: o extensie sau un linter bazat pe axe, plus un al doilea motor (WAVE sau IBM) pentru cazurile neclare.
2. În CI: Pa11y CI, pachetul npm de la IBM sau axe-core în testele end-to-end.
3. După lansare: monitorizarea săptămânală a întregului site și rapoarte pentru proprietar.
4. Întotdeauna: teste manuale cu tastatura, zoom-ul și un cititor de ecran — vedeți cum se testează WCAG. Pentru o declarație de conformitate, comandați un audit de accesibilitate.

Întrebări frecvente

Care este cel mai bun WCAG checker?

Depinde de sarcină. Extensiile de browser precum WAVE, axe DevTools, Accessibility Insights sau IBM Equal Access sunt potrivite pentru dezvoltatorii care verifică o pagină; Lighthouse dă un scor rapid; Pa11y și pachetul npm de la IBM se potrivesc în pipeline-urile CI; serviciile de monitorizare precum Pandus verifică site-uri întregi în fiecare săptămână și raportează proprietarilor.

Ce instrumente de testare a accesibilității sunt gratuite?

WAVE online și extensiile sale, Lighthouse, extensia gratuită axe DevTools, axe-core, Accessibility Insights, IBM Equal Access Accessibility Checker și Pa11y pot fi folosite fără plată. BrowserStack are un plan gratuit cu limite; Pandus verifică gratuit o pagină.

Dau WAVE, Lighthouse și axe DevTools aceleași rezultate?

Nu chiar. Lighthouse, axe DevTools și Accessibility Insights folosesc motorul axe-core, așa că rezultatele lor automate se suprapun; WAVE, IBM Equal Access și Pa11y folosesc implicit propriile reguli. Două motoare diferite pot prinde câteva probleme în plus.

Poate vreun instrument să confirme conformitatea cu WCAG?

Nu. Orice instrument automat testează doar o parte din criteriile de succes WCAG. Un rezultat fără probleme este un semn bun, nu o confirmare; testele cu tastatura, zoom-ul și cititorul de ecran făcute de o persoană rămân necesare.

Unde se încadrează Pandus?

Pandus rulează axe-core pe fiecare pagină a unui site în fiecare săptămână, leagă rezultatele de WCAG și EN 301 549 și le transformă în rapoarte pentru proprietarii de afaceri, în șapte limbi, cu white-label pentru agenții. Este o verificare automată, nu un audit complet.

Surse

• WebAIM, WAVE: https://wave.webaim.org/ și https://wave.webaim.org/extension/
• Chrome for Developers, Lighthouse overview: https://developer.chrome.com/docs/lighthouse/overview
• Chrome for Developers, Lighthouse accessibility scoring: https://developer.chrome.com/docs/lighthouse/accessibility/scoring
• Deque, axe DevTools: https://www.deque.com/axe/devtools/
• Microsoft, Accessibility Insights: https://accessibilityinsights.io/ și https://github.com/microsoft/accessibility-insights-web
• IBM, Equal Access toolkit: https://github.com/IBMa/equal-access
• Pa11y: https://pa11y.org/ și https://github.com/pa11y/pa11y
• BrowserStack, Accessibility Testing: https://www.browserstack.com/accessibility-testing și https://www.browserstack.com/accessibility-testing/free-accessibility-testing-tools