HTML prieinamumo auditorius
Įklijuokite neapdorotą HTML ir gaukite tikrą WCAG prieinamumo auditą: rankiniu būdu sukurtas DOM medžio tikrintuvas tikrina paveikslėlius, formų etiketes, antraščių hierarchiją ir nuorodų tekstą, taip pat veikia tikras santykinio šviesio kontrasto skaičiuotuvas, vertinantis pagal realias AA/AAA ribas – jokių išorinių bibliotekų, niekas niekur nesiunčiama.
🔒 Visiškai apdorojama jūsų naršyklėje – niekas, kurį čia įvedėte, niekada neįkeliama.
Rezultatas
Dauguma greitų prieinamumo patikrų yra arba paviršutiniškas raktinių žodžių skenavimas, arba sunkiasvorė biblioteka, kuria tenka aklai pasitikėti. Šis įrankis pasirenka trečią kelią: jis analizuoja bet kokį įklijuotą HTML naudodamas pačios naršyklės įtaisytą DOMParser – jokio axe-core, jokių išorinių prieinamumo bibliotekų, nieko neatsisiunčiama – o tada eina per gautą DOM medį su ranka parašytų patikrinimų rinkiniu, atkartojančiu dažniausius, tikrus WCAG 2.1 neatitikimų modelius. Tai reiškia, kad logika yra visiškai peržiūrima, o auditas vykdomas tik jūsų naršyklėje: žymėjimas, kurį įklijuojate, ir bet kuri spalvų pora, kurią testuojate, niekada nėra įkeliami ar siunčiami.
Patikros apima gedimus, kurie realiuose puslapiuose pasitaiko dažniausiai: <img> elementai visai be alt atributo (tikras WCAG pažeidimas, kitaip nei sąmoningai tuščias alt="", naudojamas dekoratyviems paveikslėliams, kuris teisingai paliekamas nepažymėtas); formų valdikliai, neturintys jokio būdo pagalbinei technologijai suprasti, kam jie skirti (tikrinama pagal visus realius vardų suteikimo kelius – atitinkantis <label for>, įdėjimas į <label> arba aria-label/aria-labelledby atributas); antraščių lygiai, kurie šokinėja be įspėjimo (<h1> iškart pereina į <h3> arba dokumente visai nėra <h1>, arba jų yra daugiau nei vienas); nuorodos be href arba su neinformatyviu, iš konteksto ištrauktu tekstu, pvz., „spausk čia“ arba „skaityti daugiau“; ir praleistas lang atributas, kai įklijuojamas pilnas HTML dokumentas (ne tik fragmentas).
Išskirtinė dalis yra tikra kontrasto matematika, o ne paviršutiniška „atrodo įskaitomai“ euristika. Bet kuriam elementui, turinčiam įterptinius color ir background-color, įrankis nuskaito abi reikšmes, paverčia jas realiais RGB skaičiais per pačios naršyklės CSS variklį (todėl hex, rgb(), hsl() ir vardiniai atspalviai, pvz., „tomato“, veikia identiškai) ir apskaičiuoja tikslų kiekvienos iš jų WCAG santykinį šviesį – L = 0,2126×R + 0,7152×G + 0,0722×B, prieš tai kiekvieną kanalą pakoregavus gama pagal tikrąją sRGB perdavimo kreivę – o tada sujungia juos į oficialią kontrasto santykio formulę: (šviesesnis L + 0,05) / (tamsesnis L + 0,05). Paties elemento font-size ir font-weight nulemia, ar taikyti griežtesnes „normalaus teksto“ ribas, ar švelnesnes „didelio teksto“ (18 pt+ arba 14 pt+ paryškinto) ribas, o rezultatas tikrinamas iškart pagal visus keturis realius WCAG skaičius: 4,5:1 ir 3:1 – AA lygiui, 7:1 ir 4,5:1 – AAA lygiui; niekada nėra suplojamas į vieną netikrą „gerai/blogai“ verdiktą.
Tai sąmoningai sąžiningas, pragmatiškas pilno prieinamumo audito poaibis, o ne sertifikavimo įrankis: jis nevertina JavaScript valdomo interaktyvumo, ARIA valdiklių šablonų, išskyrus pagrindinį vardų suteikimą, klaviatūros fokusavimo tvarkos ar nieko, kam reikia iš tikrųjų atvaizduoti ir vykdyti puslapį. Laikykite jį greitu pirmuoju praėjimu, pagaunančiu kai kuriuos dažniausius ir reikšmingiausius WCAG pažeidimus – trūkstamą alt tekstą, nepažymėtus laukus, sulaužytą antraščių hierarchiją, mažo kontrasto tekstą ir neinformatyvias nuorodas – prieš publikuojant puslapį, kartu su (o ne vietoj) pilna rankine peržiūra ar specializuotu audito įrankiu bet kam, kas keliauja į produkciją.