Auditor přístupnosti HTML

Většina rychlých kontrol přístupnosti je buď povrchní skenování klíčových slov, nebo těžkopádná knihovna, které musíte slepě věřit. Tento nástroj jde třetí cestou: pomocí vestavěného prohlížečového DOMParseru (žádný axe-core, žádná externí knihovna, nic se nestahuje) parsuje vámi vložené HTML a poté prochází výsledný strom DOM pomocí sady ručně psaných kontrol, které odrážejí běžné, reálné vzorce selhání podle WCAG 2.1. To znamená, že logika je plně kontrolovatelná a celý audit běží zcela uvnitř vašeho prohlížeče: vložené značkování ani jakákoli testovaná dvojice barev se nikdy nikam neodesílají ani nenahrávají.

Kontroly pokrývají selhání, která se na skutečných stránkách objevují nejčastěji: prvky <img> bez jakéhokoli atributu alt (skutečné selhání podle WCAG, na rozdíl od záměrně prázdného alt="" používaného pro dekorativní obrázky, který je správně ponechán bez označení), ovládací prvky formuláře, u nichž asistenční technologie nemá jak zjistit jejich účel (kontrolováno na základě všech reálných cest k popisku — odpovídající <label for>, obalení prvkem <label> nebo atribut aria-label/aria-labelledby), úrovně nadpisů, které nečekaně přeskakují (z <h1> rovnou na <h3>, nebo dokument bez jediného <h1>, případně s více než jedním), odkazy bez atributu href nebo s vágním, z kontextu vytrženým textem jako „klikněte zde“ nebo „více zde“ a chybějící atribut lang při vložení úplného HTML dokumentu (nikoli jen fragmentu).

Výjimečnou součástí je opravdová matematika kontrastu, nikoli povrchní heuristika typu „vypadá to čitelně“. U každého prvku s inline stylem color a background-color nástroj načte obě hodnoty, převede je na skutečná RGB čísla pomocí vlastního CSS enginu prohlížeče (takže hex, rgb(), hsl() i pojmenované barvy jako „tomato“ fungují identicky) a pro každou z nich vypočítá přesnou relativní světlost podle WCAG — L = 0,2126×R + 0,7152×G + 0,0722×B, přičemž každý kanál je nejprve gama-korigován pomocí skutečné přenosové křivky sRGB — a následně je zkombinuje do oficiálního vzorce kontrastního poměru: (světlejší L + 0,05) / (tmavší L + 0,05). Vlastní font-size a font-weight prvku rozhodnou o tom, zda se použijí přísnější prahy pro „normální text“, nebo mírnější prahy pro „velký text“ (18pt a více, nebo 14pt a více a tučně), a výsledek je ověřen oproti všem čtyřem skutečným hodnotám WCAG najednou: 4,5:1 a 3:1 pro AA, 7:1 a 4,5:1 pro AAA — nikdy není sloučen do jediného falešného verdiktu vyhovuje/nevyhovuje.

Jedná se o záměrně poctivou, pragmatickou podmnožinu úplného auditu přístupnosti, nikoli o nástroj pro certifikaci: nehodnotí interaktivitu řízenou JavaScriptem, vzory ARIA widgetů nad rámec základního popisování, pořadí fokusu z klávesnice ani nic, co vyžaduje skutečné vykreslení a spuštění stránky. Berte jej jako rychlý první průchod, který před odesláním stránky odhalí některá z nejčastějších a nejzávažnějších selhání podle WCAG — chybějící alternativní texty, neoznačená pole, rozbitou hierarchii nadpisů, texty s nízkým kontrastem a nejasné odkazy — a používejte jej souběžně s úplnou manuální kontrolou nebo specializovaným auditním nástrojem (nikoli místo nich) pro cokoli, co jde do produkce.