Revizor dostopnosti HTML

Večina hitrih preverjanj dostopnosti je bodisi površinsko iskanje ključnih besed bodisi obsežna knjižnica, ki ji morate zaupati kot črni škatli. To orodje ubere tretjo pot: prilepljeni HTML razčleni z brskalnikovim vgrajenim razčlenjevalnikom DOMParser — brez ogrodja axe-core, brez zunanjih knjižnic za dostopnost, nič se ne prenaša — nato pa nastalo drevo DOM prehodi z nizom ročno napisanih preverjanj, ki zrcalijo pogoste, dejanske vzorce napak WCAG 2.1. To pomeni, da je logika v celoti pregledna, revizija pa v celoti poteka znotraj vašega brskalnika: oznake, ki jih prilepite, in katerikoli barvni par, ki ga preizkusite, niso nikoli naloženi ali poslani nikamor.

Preverjanja pokrivajo napake, ki se na resničnih straneh pojavljajo najpogosteje: elementi <img> brez atributa alt (to je resnična kršitev WCAG, ki se razlikuje od namerno praznega alt="" za dekorativne slike, ki ga pravilno ne označi), kontrolniki obrazcev brez načina, da bi podporna tehnologija vedela, čemu služijo (preveri se vsaka prava pot do oznake — ujemajoč <label for>, ovitost znotraj <label> ali atribut aria-label/aria-labelledby), ravni naslovov, ki preskakujejo brez opozorila (iz <h1> naravnost na <h3>, ali dokument brez <h1>, ali več kot en), povezave brez href ali z nejasnim besedilom brez konteksta, kot je »klikni tukaj« ali »preberi več«, in manjkajoč atribut lang, kadar je prilepljen celoten dokument HTML (ne le odlomek).

Izstopajoč del je pravi matematični izračun kontrasta, ne površinska hevristika »izgleda berljivo«. Za vsak element, ki ima vključen slog color in background-color, orodje prebere obe vrednosti, jih prek brskalnikovega lastnega mehanizma CSS pretvori v prave vrednosti RGB (tako da hex, rgb(), hsl() in imenovane barve, kot je »tomato«, delujejo enako) in izračuna natančno relativno svetilnost po WCAG za vsako — L = 0,2126×R + 0,7152×G + 0,0722×B, pri čemer je vsak kanal najprej gama-korigiran z uporabo prave prenosne krivulje sRGB — nato pa ju združi po uradni formuli kontrastnega razmerja: (svetlejši L + 0,05) / (temnejši L + 0,05). Dejanska velikost in debelina pisave elementa določata, ali se uporabijo strožji pragovi za »običajno besedilo« ali prizanesljivejši za »veliko besedilo« (18 pt+ ali 14 pt+ krepko), rezultat pa se hkrati preveri proti vsem štirim dejanskim številkam WCAG: 4,5:1 in 3:1 za AA, 7:1 in 4,5:1 za AAA — nikoli združeno v eno samo lažno sodbo dobro/slabo.

To je premišljeno pošten, pragmatičen podnabor celovite revizije dostopnosti, ne orodje za certificiranje: ne ocenjuje interaktivnosti, ki jo poganja JavaScript, vzorcev gradnikov ARIA onkraj osnovnega označevanja, vrstnega reda fokusa tipkovnice ali česar koli, kar zahteva dejansko upodabljanje in izvajanje strani. Obravnavajte ga kot hiter prvi pregled, ki pred objavo strani ujame nekaj najpogostejših in najbolj kritičnih kršitev WCAG — manjkajoče alt-besedilo, neoznačena polja, pokvarjeno hierarhijo naslovov, nizkokontrastno besedilo in nejasne povezave — vzporedno s (in ne namesto) celovitim ročnim pregledom ali namenskim orodjem za revizijo, preden gre karkoli v produkcijo.