Audítor dostupnosti HTML
Prilepte nespracované HTML a získajte skutočný audit dostupnosti WCAG: ručne zostavený DOM walker kontroluje obrázky, štítky formulárov, poradie nadpisov a text odkazov, plus skutočná kalkulačka pomeru kontrastu relatívneho jasu v porovnaní so skutočnými prahmi AA/AAA – žiadna externá knižnica, nič sa nikam neposiela.
Výsledok
Väčšina rýchlych kontrol dostupnosti je buď povrchné skenovanie kľúčových slov alebo ťažká knižnica, ktorej musíte dôverovať ako čiernej skrinke. Tento nástroj má tretiu cestu: analyzuje akýkoľvek kód HTML, ktorý vložíte, pomocou vlastného vstavaného DOMParsera prehliadača – žiadne axe-core, žiadna externá knižnica prístupnosti, nič stiahnuté – a potom prechádza výsledný strom DOM pomocou sady ručne písaných kontrol, ktoré odrážajú bežné, skutočné vzory zlyhania WCAG 2.1. To znamená, že logika je plne kontrolovateľná a audit prebieha výlučne vo vašom prehliadači: značky, ktoré vložíte, a žiadny testovaný pár farieb sa nikdy nikam neodovzdávajú ani neodosielajú.
Kontroly pokrývajú zlyhania, ktoré sa najčastejšie prejavujú na skutočných stránkach: prvky <img> bez akéhokoľvek atribútu alt (pravé zlyhanie WCAG, na rozdiel od zámerne prázdneho alt="" používaného pre dekoratívne obrázky, ktoré je správne ponechané bez označenia), ovládacie prvky formulára bez možnosti, aby pomocná technológia vedela, na čo sú (skontrolované oproti každej skutočnej ceste k štítku – zodpovedajúce <label a <la- laria>, zabalené vo vnútri, štítok atribúty), úrovne nadpisov, ktoré preskakujú bez varovania (<h1> priamo na <h3>, alebo dokument, ktorý vôbec neobsahuje <h1>, prípadne viac ako jeden), odkazy bez href alebo s vágnym textom mimo kontextu, ako napríklad „kliknite sem“ alebo „čítaj viac“, a chýbajúci atribút lang pri vložení celého dokumentu HTML (nie len jeho fragmentu).
Výnimočným dielom je skutočná kontrastná matematika, nie povrchná heuristika „vyzerá čitateľne“. Pre každý prvok, ktorý má vnorenú farbu a farbu pozadia, nástroj načíta obe hodnoty, rozloží ich na skutočné čísla RGB prostredníctvom vlastného nástroja CSS prehliadača (takže hex, rgb(), hsl() a pomenované farby ako „paradajka“ všetky fungujú identicky) a vypočíta presnú relatívnu svietivosť WCAG pre každú z nich – L = 0,2126×152B,7×G s každým +7 kanálom +7. Najprv sa koriguje gama pomocou skutočnej prenosovej krivky sRGB – pred ich spojením do oficiálneho vzorca kontrastného pomeru (svetlejšie L + 0,05) / (tmavšie L + 0,05). Vlastná veľkosť písma a hrúbka písma prvku rozhodujú o tom, či sa použijú prísnejšie prahové hodnoty „normálneho textu“ alebo miernejšie prahové hodnoty „veľkého textu“ (18pt+ alebo 14pt+ tučné písmo) a výsledok sa porovná so všetkými štyrmi skutočnými číslami WCAG naraz: 4,5:1 a 3:1 pre AA, 7:1 jeden dobrý a zlý – nikdy sa nezrúti do 7:1 a 4. verdikt.
Toto je zámerne čestná, pragmatická podmnožina úplného auditu dostupnosti, nie certifikačný nástroj: nevyhodnocuje interaktivitu riadenú JavaScriptom, vzory miniaplikácií ARIA nad rámec základného označovania, poradie zaostrenia klávesnice alebo čokoľvek, čo si vyžaduje skutočné vykreslenie a spustenie stránky. Berte to ako rýchly prvý prechod, ktorý zachytí niektoré z najbežnejších a najnasledovanejších chýb WCAG – chýbajúci alternatívny text, neoznačené polia, hierarchia poškodenej hlavičky, text s nízkym kontrastom a nejasné odkazy – pred odoslaním stránky, spolu s (nie namiesto) s úplnou manuálnou kontrolou alebo špecializovaným nástrojom na audit všetkého, čo sa dodáva do výroby.