Auditor de accesibilitate HTML

Cele mai multe verificări rapide de accesibilitate sunt fie o scanare superficială a cuvintelor cheie, fie o bibliotecă grea în care trebuie să ai încredere ca o cutie neagră. Acest instrument ia o a treia cale: analizează orice HTML pe care îl inserați folosind propriul DOMParser încorporat în browser - fără axe-core, fără bibliotecă de accesibilitate externă, nimic descărcat - și apoi parcurge arborele DOM rezultat cu un set de verificări scrise de mână care oglindesc modele comune, reale de eșec WCAG 2.1. Aceasta înseamnă că logica este complet inspectabilă și auditul rulează în întregime în browserul dvs.: marcajul pe care îl lipiți și orice pereche de culori pe care o testați, nu sunt niciodată încărcate sau trimise nicăieri.

Verificările acoperă defecțiunile care apar cel mai des în paginile reale: elemente <img> fără niciun atribut alt (un eșec WCAG autentic, diferit de alt="" gol în mod deliberat folosit pentru imagini decorative, care este lăsat corect nemarcat), controale de formulare fără nicio modalitate prin care tehnologia de asistență să știe pentru ce sunt (verificate cu fiecare cale reală către o etichetă — într-o etichetă sau o potrivire). atributul aria-label/aria-labelledby), niveluri de antet care sar fără avertisment (un <h1> direct la un <h3> sau un document fără <h1> deloc, sau mai mult de unul), linkuri fără href sau cu text vag, în afara contextului, cum ar fi „clic aici” sau „citiți mai multe”, și un atribut lipsă în limbajul HTML (nu este trecut doar un fragment HTML) (nu este trecut doar un fragment HTML).

Piesa remarcabilă este matematica de contrast autentic, nu o euristică superficială „pare lizibilă”. Pentru orice element care poartă o culoare în linie și o culoare de fundal, instrumentul citește ambele valori, le rezolvă în numere RGB reale prin intermediul motorului CSS propriu al browserului (deci hex, rgb(), hsl() și culorile numite precum „roșie” funcționează toate identic) și calculează lumina relativă WCAG exactă pentru fiecare - L = 0,2126 × 20,7 × 0,2126 × 0,2126 × 1 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 × 2 mm cu fiecare canal corectat gamma mai întâi folosind curba de transfer sRGB reală - înainte de a le combina în formula oficială a raportului de contrast, (L mai deschis + 0,05) / (L mai întunecat + 0,05). Dimensiunea și greutatea fontului proprii ale elementului decid dacă se aplică pragurile mai stricte pentru „text normal” sau pragurile mai îngăduitoare pentru „text mare” (18pt+, sau 14pt+ bold), iar rezultatul este verificat față de toate cele patru numere reale WCAG simultan: 4.5:1 și 3:1 pentru AA, 7.5:1 pentru AA, 7.5:1 și niciodata restrâns pentru 4.5:1. verdict bun/prost.

Acesta este un subset deliberat onest și pragmatic al unui audit complet al accesibilității, nu un instrument de certificare: nu evaluează interactivitatea bazată pe JavaScript, modelele de widget-uri ARIA dincolo de etichetarea de bază, ordinea de focalizare a tastaturii sau orice altceva care necesită redarea și rularea paginii. Tratați-o ca pe o primă trecere rapidă care surprinde unele dintre cele mai comune și mai importante eșecuri WCAG - text alternativ lipsă, câmpuri neetichetate, ierarhie de titluri întrerupte, text cu contrast redus și link-uri vagi - înainte ca o pagină să fie expediată, alături (nu în loc de) o revizuire manuală completă sau un instrument de audit dedicat pentru orice livrare către producție.