HTML провера приступачности

Већина брзих провера приступачности су или површно скенирање кључних речи или тешка библиотека којој морате веровати као црној кутији. Овај алат иде трећим путем: парсира било који HTML који налепите користећи уграђени DOMParser прегледача — без axe-core, без спољне библиотеке за приступачност, ништа се не преузима — а затим обилази резултујуће DOM стабло са скупом ручно написаних провера које одражавају уобичајене, стварне обрасце WCAG 2.1 грешака. То значи да је логика потпуно прегледна и да се провера у потпуности одвија у вашем прегледачу: маркуп који налепите и било који пар боја који тестирате се никада не отпремају нити шаљу било где.

Провере покривају грешке које се најчешће појављују на стварним страницама: <img> елементи без икаквог alt атрибута (стварна WCAG грешка, различита од намерно празног alt="" који се користи за декоративне слике и који се исправно не означава), контроле формулара за које помоћна технологија не може да зна чему служе (проверене по сваком стварном путу до ознаке — одговарајући <label for>, обавијеност <label> елементом, или aria-label/aria-labelledby атрибут), нивои наслова који прескачу без упозорења (<h1> право на <h3>, или документ без иједног <h1>, или са више од једног), линкови без href атрибута или са нејасним, контекстно недовољним текстом попут „кликните овде“ или „прочитајте више“ и недостајући lang атрибут када се налепи пун HTML документ (не само фрагмент).

Истиче се права математика контраста, а не површна хеуристика типа „изгледа читљиво“. За сваки елемент који носи инлајн боју и боју позадине, алат чита обе вредности, разрешава их у стварне RGB бројеве преко сопственог CSS механизма прегледача (тако да хексадецимални, rgb(), hsl() и именоване боје попут 'томато' раде идентично) и израчунава тачну WCAG релативну луминанцу за сваку — L = 0.2126×R + 0.7152×G + 0.0722×B, при чему се сваки канал претходно гама-коригује коришћењем стварне sRGB трансфер криве — пре него што их комбинује у званичну формулу односа контраста, (светлије L + 0.05) / (тамније L + 0.05). Сопствена величина фонта и дебљина фонта елемента одређују да ли се примењују строжи прагови за „нормалан текст“ или блажи прагови за „велики текст“ (18pt+, или 14pt+ подебљано), а резултат се одједном проверава у односу на сва четири стварна WCAG броја: 4.5:1 и 3:1 за AA, 7:1 и 4.5:1 за AAA — никада сведено на један лажни добар/лош закључак.

Ово је намерно поштен, прагматичан подскуп пуне провере приступачности, а не алат за сертификацију: не процењује интерактивност вођену JavaScript-ом, ARIA обрасце видгета изван основног означавања, редослед фокуса тастатуре, нити било шта што захтева стварно приказивање и покретање странице. Третирајте га као брз први пролаз који хвата неке од најчешћих и најутицајнијих WCAG грешака — недостајући алтернативни текст, неозначена поља, нарушену хијерархију наслова, текст ниског контраста и нејасне линкове — пре него што страница буде објављена, заједно са (а не уместо) пуном ручном провером или наменским алатом за ревизију за све што иде у продукцију.