HTML revizor pristupačnosti
Zalijepite neobrađeni HTML i dobijte pravu reviziju pristupačnosti WCAG-a: ručno izrađeni DOM šetač provjerava slike, oznake obrasca, redoslijed naslova i tekst veze, plus originalni kalkulator omjera kontrasta relativne svjetline u odnosu na stvarne AA/AAA pragove — nema vanjske biblioteke, ništa se nigdje ne šalje.
Rezultat
Većina brzih provjera pristupačnosti su ili površno skeniranje ključnih riječi ili teška biblioteka kojoj morate vjerovati kao crnoj kutiji. Ovaj alat ima treću putanju: on analizira svaki HTML koji zalijepite pomoću DOMParsera ugrađenog u preglednik — nema axe-core, nema eksterne biblioteke pristupačnosti, ništa nije preuzeto — a zatim šeta rezultirajućim DOM stablom sa skupom ručno pisanih provjera koje odražavaju uobičajene, stvarne obrasce neuspjeha WCAG 2.1. To znači da je logika u potpunosti provjerljiva i da se revizija odvija u cijelosti unutar vašeg preglednika: oznaka koju zalijepite i bilo koji par boja koji testirate nikada se ne učitavaju ili šalju bilo gdje.
Provjere pokrivaju greške koje se najčešće pojavljuju na stvarnim stranicama: <img> elementi bez ikakvih alt atributa (pravi WCAG kvar, različit od namjerno praznog alt="" koji se koristi za ukrasne slike, koji je ispravno ostavljen neoznačen), kontrole obrasca bez načina da pomoćna tehnologija zna čemu služe (provjerava se u odnosu na svaki stvarni put do oznake — odgovarajući <label for>, omotan unutar <label>, ili atribut aria-label/aria-labelledby), razine naslova koje skaču bez upozorenja (<h1> ravno u <h3> ili dokument bez <h1> ili više od jednog), veze bez href ili s nejasnim tekstom izvan konteksta poput "kliknite ovdje" ili "pročitajte više" i atribut jezika koji nedostaje kada je zalijepljen cijeli HTML dokument (ne samo fragment).
Dio koji se ističe je prava matematika kontrasta, a ne površna heuristika 'izgleda čitljivo'. Za bilo koji element koji nosi umetnutu boju i boju pozadine, alat čita obje vrijednosti, razrješava ih u stvarne RGB brojeve putem vlastitog CSS mehanizma preglednika (tako da hex, rgb(), hsl() i imenovane boje poput 'rajčice' rade identično) i izračunava točnu WCAG relativnu svjetlinu za svaku — L = 0,2126×R + 0,7152×G + 0,0722×B, sa svakim kanalom najprije korigiranim gama pomoću krivulje stvarnog sRGB prijenosa — prije nego što ih kombinirate u službenu formulu omjera kontrasta (svjetlije L + 0,05) / (tamnije L + 0,05). Vlastita veličina i težina fonta elementa odlučuju hoće li se primijeniti stroži pragovi za 'normalni tekst' ili blaži pragovi za 'veliki tekst' (18pt+ ili 14pt+ podebljano), a rezultat se provjerava prema sva četiri stvarna WCAG broja odjednom: 4,5:1 i 3:1 za AA, 7:1 i 4,5:1 za AAA — nikad se ne sažima u jedna lažna dobra/loša presuda.
Ovo je namjerno pošten, pragmatičan podskup pune revizije pristupačnosti, a ne alat za certifikaciju: ne ocjenjuje interaktivnost pokretanu JavaScriptom, ARIA obrasce widgeta izvan osnovnog označavanja, redoslijed fokusa tipkovnice ili bilo što što zahtijeva stvarno prikazivanje i pokretanje stranice. Tretirajte ga kao brzi prvi prolaz koji hvata neke od najčešćih i najposljedičnijih kvarova WCAG-a — nedostajući alternativni tekst, neoznačena polja, prekinuta hijerarhija naslova, tekst s niskim kontrastom i nejasne veze — prije slanja stranice, uz (ne umjesto) potpuni ručni pregled ili namjenski alat za reviziju za sve što se šalje u proizvodnju.