HTML prieinamumo auditorius

Dauguma greitųjų prieinamumo patikrų yra paviršutiniškas raktinių žodžių nuskaitymas arba sunkioji biblioteka, kuria turite pasitikėti kaip juodąja dėže. Šis įrankis eina trečiuoju keliu: jis išanalizuoja bet kokį HTML, kurį įklijuojate, naudodamas naršyklėje integruotą DOMParser (be ašies šerdies, jokios išorinės pritaikymo neįgaliesiems bibliotekos, nieko neatsisiųsta), o tada eina į gautą DOM medį su ranka parašytų patikrų rinkiniu, atspindinčiu įprastus, tikrus WCAG 2.1 gedimų modelius. Tai reiškia, kad logika yra visiškai patikrinama, o auditas vykdomas tik jūsų naršyklėje: įklijuotas žymėjimas ir bet kokia spalvų pora, kurią išbandote, niekada niekur neįkeliami ir nesiunčiami.

Patikrinimai apima klaidas, kurios dažniausiai rodomos tikruose puslapiuose: <img> elementus, kuriuose iš viso nėra alt atributo (tikras WCAG gedimas, skiriasi nuo sąmoningai tuščio alt="", naudojamo dekoratyviniams vaizdams, kuris teisingai paliekamas nepažymėtas), formų valdiklius, kurių pagalbinė technologija negali žinoti, kam jie skirti (tikrinama, ar kiekvienas tikras kelias į etiketę – atitinkantis <label>, viduje esantis <label> atributas aria-label/aria-labelledby), antraštės lygiai, kurie peršoka be įspėjimo (<h1> tiesiai į <h3> arba dokumentas, kuriame iš viso nėra <h1> arba daugiau nei vienas), nuorodos be jokios „hrf“ arba su neaišku, konteksto neatitinkančiu tekstu, pvz., „spustelėkite čia“ arba „skaityti daugiau“, ir trūkstamas lang atributas, kai įterpiamas visas HTML dokumentas (ne tik fragmentas).

Išskirtinis kūrinys yra tikra kontrasto matematika, o ne paviršutiniška euristika „atrodo įskaitoma“. Bet kurio elemento, turinčio įterptąją spalvą ir fono spalvą, įrankis nuskaito abi reikšmes, išsprendžia jas į tikrus RGB skaičius per pačios naršyklės CSS variklį (taigi šešioliktainė, rgb(), hsl() ir pavadintos spalvos, pvz., „pomidoras“, veikia vienodai) ir apskaičiuoja tikslų santykinį kiekvieno santykinį skaistį – L = 0,2126 × 7 × 1R +2126 G. 0,0722 × B, su kiekvieno kanalo gama koregavimu pirmiausia naudojant tikrąją sRGB perdavimo kreivę – prieš sujungiant juos į oficialią kontrasto santykio formulę (šviesesnis L + 0,05) / (tamsesnis L + 0,05). Paties elemento šrifto dydis ir šrifto svoris nusprendžia, ar taikomos griežtesnės „įprasto teksto“ slenksčiai, ar švelnesni „didelio teksto“ slenksčiai (18 pt+ arba 14 pt+ pusjuodžiu šriftu), o rezultatas tikrinamas pagal visus keturis tikrus WCAG numerius vienu metu: 4,5:1 ir 3:1, AA, 3:7:1:1. subyrėjo į vieną netikrą gerą/blogą verdiktą.

Tai yra sąmoningai sąžiningas, pragmatiškas viso pritaikymo neįgaliesiems audito pogrupis, o ne sertifikavimo įrankis: jame nevertinamas „JavaScript“ pagrįstas interaktyvumas, ARIA valdiklių šablonai, išskyrus pagrindinį ženklinimą, klaviatūros fokusavimo tvarką ar nieko, dėl ko reikia iš tikrųjų pateikti ir paleisti puslapį. Laikykite tai kaip greitą pirmąjį praėjimą, kuris užfiksuoja kai kurias dažniausiai pasitaikančias ir dažniausiai pasitaikančias WCAG klaidas – trūkstamas alternatyvus tekstas, nepažymėti laukai, sugadinta antraštės hierarchija, mažo kontrasto tekstas ir neaiškios nuorodos – prieš išsiunčiant puslapį, kartu su (ne vietoje) visa rankine peržiūra arba specialiu audito įrankiu, skirtu viskam, kas pristatoma į gamybą.