Revizor dostopnosti HTML

Večina hitrih pregledov dostopnosti je bodisi površno skeniranje ključnih besed ali težka knjižnica, ki ji morate zaupati kot črni skrinjici. To orodje ubere tretjo pot: razčleni kateri koli HTML, ki ga prilepite, z lastnim vgrajenim DOMParserjem brskalnika – brez axe-core, brez zunanje knjižnice dostopnosti, nič prenesenega – in se nato sprehodi po nastalem drevesu DOM z naborom ročno napisanih preverjanj, ki odražajo običajne, resnične vzorce napak WCAG 2.1. To pomeni, da je logiko mogoče v celoti pregledati in revizija poteka v celoti znotraj vašega brskalnika: oznaka, ki jo prilepite, in kateri koli barvni par, ki ga preizkusite, se nikoli ne naloži ali pošlje nikamor.

Preverjanja zajemajo napake, ki se najpogosteje pojavljajo na resničnih straneh: elementi <img> brez atributa alt (pristna napaka WCAG, ki se razlikuje od namerno praznega alt="" za okrasne slike, ki je pravilno neoznačen), kontrolniki obrazca, pri katerih podporna tehnologija ne more vedeti, čemu so (preverjeno glede na vsako pravo pot do oznake – ujemajoča se <label for>, ki je zavita v <label> ali atribut aria-label/aria-labelledby), ravni naslovov, ki skočijo brez opozorila (<h1> naravnost v <h3> ali dokument brez <h1> ali več kot enega), povezave brez href ali z nejasnim besedilom izven konteksta, kot je "kliknite tukaj" ali "preberite več", in manjkajoči atribut lang, ko je prilepljen celoten dokument HTML (ne le delček).

Izstopajoč del je pristna kontrastna matematika, ne površna hevristika 'izgleda berljivo'. Za kateri koli element, ki nosi vgrajeno barvo in barvo ozadja, orodje prebere obe vrednosti, ju razreši v dejanska števila RGB prek motorja CSS brskalnika (torej hex, rgb(), hsl() in imenovane barve, kot je 'paradižnik', vse delujejo enako) in izračuna natančno WCAG relativno svetilnost za vsako — L = 0,2126×R + 0,7152×G + 0,0722 × B, pri čemer je vsak kanal najprej popravljen z gama z uporabo prave krivulje prenosa sRGB — preden jih združimo v uradno formulo kontrastnega razmerja (svetlejši L + 0,05) / (temnejši L + 0,05). Lastna velikost in teža pisave elementa določata, ali veljajo strožji pragovi za "običajno besedilo" ali blažji pragi za "veliko besedilo" (18pt+ ali 14pt+ krepko), rezultat pa se preveri glede na vse štiri dejanske številke WCAG hkrati: 4,5:1 in 3:1 za AA, 7:1 in 4,5:1 za AAA — nikoli se ne strne v ena lažna sodba dobro/slabo.

To je namenoma poštena, pragmatična podmnožica popolne revizije dostopnosti, ne orodje za certificiranje: ne ocenjuje interaktivnosti, ki jo poganja JavaScript, vzorcev pripomočkov ARIA, ki presegajo osnovno označevanje, vrstni red fokusa na tipkovnici ali karkoli, kar zahteva dejansko upodabljanje in izvajanje strani. Obravnavajte ga kot hiter prvi prehod, ki zajame nekaj najpogostejših in najbolj posledičnih napak WCAG – manjkajoče nadomestno besedilo, neoznačena polja, pokvarjena hierarhija naslovov, besedilo z nizkim kontrastom in nejasne povezave – preden se stran pošlje, skupaj (ne namesto) s popolnim ročnim pregledom ali namenskim orodjem za revizijo za vse, kar je poslano v proizvodnjo.