Auditor přístupnosti HTML
Vložte nezpracované HTML a získejte skutečný audit přístupnosti WCAG: ručně vytvořený DOM walker kontroluje obrázky, štítky formulářů, pořadí nadpisů a text odkazů, plus skutečná kalkulačka kontrastního poměru relativního jasu hodnocená skutečnými prahy AA/AAA – žádná externí knihovna, nic se nikam neposílá.
Výsledek
Většina rychlých kontrol přístupnosti je buď povrchní skenování klíčových slov, nebo těžká knihovna, které musíte věřit jako černé skříňce. Tento nástroj má třetí cestu: analyzuje jakýkoli HTML, který vložíte, pomocí vlastního vestavěného DOMParseru v prohlížeči – žádné axe-core, žádná externí knihovna usnadnění, nic staženo – a poté prochází výsledný strom DOM pomocí sady ručně psaných kontrol, které odrážejí běžné, skutečné vzorce selhání WCAG 2.1. To znamená, že logika je plně kontrolovatelná a audit probíhá zcela uvnitř vašeho prohlížeče: značky, které vložíte, a žádný testovaný pár barev se nikdy nikam neodesílají ani neodesílají.
Kontroly pokrývají chyby, které se nejčastěji objevují na skutečných stránkách: prvky <img> bez atributu alt (skutečné selhání WCAG, na rozdíl od záměrně prázdného alt="" používaného pro dekorativní obrázky, které je správně ponecháno bez příznaku), ovládací prvky formuláře bez možnosti, aby asistenční technologie poznala, k čemu jsou (zkontrolovány proti každé skutečné cestě ke štítku – odpovídající <label a <la- anaria>, zabalené uvnitř nebo štítek atribut), úrovně nadpisů, které bez varování přeskakují (<h1> přímo na <h3> nebo dokument vůbec bez <h1> nebo více než jeden), odkazy bez href nebo s vágním textem mimo kontext, jako je „klikněte sem“ nebo „přečtěte si více“, a chybějící atribut lang, když je vložen celý dokument HTML (nejen jeho fragment).
Výjimečný kus je skutečná kontrastní matematika, nikoli povrchní heuristika „vypadá čitelně“. Pro jakýkoli prvek nesoucí včleněnou barvu a barvu pozadí nástroj načte obě hodnoty, převede je na skutečná čísla RGB prostřednictvím vlastního CSS enginu prohlížeče (takže hex, rgb(), hsl() a pojmenované barvy jako „rajče“ všechny fungují identicky) a vypočítá přesnou relativní jas WCAG pro každou z nich — L = 0,2126×152B,×0,7 kanálů s každým +7,7,7,5,2,0,7. gama-korekce nejprve pomocí skutečné přenosové křivky sRGB — před jejich zkombinováním do oficiálního vzorce kontrastního poměru (světlejší L + 0,05) / (tmavší L + 0,05). Vlastní velikost písma a tloušťka písma prvku rozhodují o tom, zda se použijí přísnější prahové hodnoty „normálního textu“ nebo mírnější prahové hodnoty „velkého textu“ (18pt+ nebo 14pt+ tučné písmo) a výsledek se porovná se všemi čtyřmi skutečnými čísly WCAG najednou: 4,5:1 a 3:1 pro AA, 7:1 jeden dobrý/špatný — 7:1 jeden dobrý/špatný — nikdy se nezhroutí. verdikt.
Toto je záměrně upřímná, pragmatická podmnožina úplného auditu přístupnosti, nikoli certifikační nástroj: nehodnotí interaktivitu řízenou JavaScriptem, vzory widgetů ARIA nad rámec základního označení, pořadí zaměření klávesnice ani nic, co skutečně vyžaduje vykreslení a spuštění stránky. Považujte to za rychlý první průchod, který zachytí některé z nejběžnějších a nejnáslednějších selhání WCAG – chybějící alternativní text, neoznačená pole, porušená hierarchie nadpisů, text s nízkým kontrastem a vágní odkazy – než se stránka odešle, spolu s (nikoli místo) úplné ruční kontroly nebo specializovaného nástroje pro audit všeho, co se odesílá do výroby.