Testování a audit webové přístupnosti: Komplexní přístup
Testování je místo, kde se teorie přístupnosti setkává s praxí. Bez systematického testování zůstávají požadavky na přístupnost aspiracemi, ne skutečnými výsledky. Efektivní testování přístupnosti kombinuje automatizované skenování, manuální odbornou revizi a uživatelské testování s asistenčními technologiemi, aby vytvořilo komplexní obraz přístupnosti vašeho digitálního zážitku.
Proč je testování důležité
Automatizované nástroje jsou základním výchozím bodem, ale mohou detekovat pouze zlomek problémů s přístupností — výzkum v oboru konzistentně naznačuje, že automatizované testování zachytí přibližně 30 až 40 procent porušení WCAG. Automatizované nástroje mohou určit, zda má obrázek atribut alt, ale nemohou určit, zda je tento alt text smysluplný. Mohou měřit kontrastní poměry, ale nemohou vyhodnotit, zda je pořadí čtení logické nebo zda vlastní widget správně komunikuje svůj stav čtečce obrazovky.
Proto je nezbytný vrstvený přístup. Každá vrstva testování zachycuje problémy, které ostatní vrstvy propásly.
Vrstva 1: Automatizované skenování
Automatizované nástroje pro testování přístupnosti skenují vaše stránky proti sadě pravidel odvozených z kritérií úspěšnosti WCAG a označují porušení. Jsou rychlé, opakovatelné a výborné pro zachycení systematických problémů na velkých webech. Používejte je jako první linii obrany a pro průběžné monitorování.
axe DevTools je jedním z nejpoužívanějších enginů pro testování přístupnosti. Dostupný jako rozšíření prohlížeče a jako knihovna integrovaná do vývojových workflow, axe testuje proti komplexní sadě pravidel a je navržen tak, aby minimalizoval falešné pozitivy. Pohání mnoho dalších nástrojů pro testování přístupnosti.
WAVE od WebAIM poskytuje vizuální překrytí, které zvýrazňuje problémy s přístupností přímo na stránce. Je zvláště užitečný pro netechnické zainteresované strany, protože ukazuje problémy v kontextu, ne v samostatné zprávě. Dostupný jako rozšíření prohlížeče a jako online nástroj.
Google Lighthouse je vestavěn v Chrome DevTools a zahrnuje kategorii auditu přístupnosti. Jeho rozsah je omezenější než u dedikovaných nástrojů pro přístupnost, ale jeho pohodlí a nulové nastavení z něj činí dobrou rychlou kontrolu během vývoje.
Pa11y je open-source nástroj příkazové řádky, který je vhodný pro integraci do pipeline kontinuální integrace. Může testovat jednotlivé stránky nebo procházet celé weby a výstup poskytovat v různých formátech.
IBM Equal Access Accessibility Checker je bezplatné rozšíření prohlížeče, které používá pravidlový engine IBM a poskytuje řízenou evaluaci včetně režimu kontroly klávesnice.
Žádný z těchto nástrojů by neměl být používán jako jediná metoda hodnocení přístupnosti. Doplňují manuální testování — nenahrazují ho.
Vrstva 2: Manuální odborné testování
Manuální testování zahrnuje systematický přezkum vašeho webu vyškoleným hodnotitelem proti kritériím úspěšnosti WCAG pomocí kombinace technik.
Testování klávesnicí je nejzákladnějším manuálním testem. Procházejte celý web pouze pomocí klávesnice. Tabulátorem projděte každou stránku, interagujte s každým ovládacím prvkem, otevřete a zavřete každé menu a dialog. Ověřte, že pořadí fokusu je logické, že fokus je vždy viditelný, že neexistují žádné pasti klávesnice a že veškerá funkcionalita je dostupná bez myši.
Testování zvětšení zahrnuje zvětšení stránky na 200 % a 400 % a ověření, že žádný obsah se neztratí, žádná funkcionalita se nerozbije a není vyžadováno horizontální posouvání při šířce 320 CSS pixelů.
Testování čtečkou obrazovky zahrnuje navigaci vaším webem pomocí jedné nebo více čteček obrazovky k ověření, že veškerý obsah je správně oznamován, že nadpisy a orientační body vytvářejí navigovatelnou strukturu, že popisky formulářů jsou správně přiřazeny, že změny dynamického obsahu jsou oznamovány a že vlastní widgety komunikují svůj stav.
Tři nejběžnější čtečky obrazovky jsou JAWS (komerční, Windows), NVDA (zdarma, Windows) a VoiceOver (vestavěný v macOS a iOS). Každá má jiné silné stránky a chování, proto se doporučuje testování alespoň se dvěma. TalkBack je primární čtečka obrazovky na zařízeních Android.
Kognitivní průchod hodnotí web z perspektivy uživatelů s kognitivními postižením. Je obsah jasný a jednoznačný? Jsou instrukce explicitní? Je navigace předvídatelná? Mohou se uživatelé zotavit z chyb? Je kognitivní zátěž přiměřená?
Vrstva 3: Uživatelské testování s asistenčními technologiemi
Nejodhalující formou testování přístupnosti je zapojení skutečných uživatelů se zdravotním postižením používajících vlastní asistenční technologie. Automatizované nástroje a odborné recenze mohou identifikovat technická selhání, ale pouze skuteční uživatelé mohou odhalit praktické bariéry použitelnosti — interakce, které technicky splňují kritéria WCAG, ale stále vytvářejí zmatek nebo frustraci.
Naverbujte účastníky reprezentující škálu postižení a používání asistenčních technologií. Zahrňte uživatele čteček obrazovky, uživatele používající pouze klávesnici, uživatele s motorickými poruchami, kteří mohou používat přepínací přístup nebo hlasové ovládání, uživatele se sníženým zrakem spoléhající na zvětšení a uživatele s kognitivními postižením. Pozorujte je při plnění klíčových úkolů na vašem webu a dokumentujte bariéry, na které narazí.
Proces auditu
Formální audit přístupnosti obvykle sleduje strukturovaný proces: definice rozsahu, spuštění automatizovaného skenování, provedení manuálního odborného přezkumu, provedení uživatelského testování, dokumentace všech zjištění s hodnocením závažnosti a doporučeními pro nápravu, poté náprava počínaje problémy s největším dopadem a opětovné testování po opravách.
Prohlášení o přístupnosti
Podle European Accessibility Act a mnoha dalších předpisů jsou organizace povinny zveřejnit prohlášení o přístupnosti. Tento dokument by měl popisovat stav shody, uvádět všechna známá omezení přístupnosti, vysvětlit, jak mohou uživatelé hlásit problémy s přístupností, a poskytnout kontaktní informace pro dotazy týkající se přístupnosti. Měl by být snadno nalezitelný z každé stránky vašeho webu.
Průběžné monitorování
Přístupnost není jednorázový projekt. Nový obsah, designové změny, přidání funkcí a integrace třetích stran mohou všechny zavést regrese přístupnosti. Integrujte automatizované testování přístupnosti do svého CI/CD pipeline, provádějte periodické manuální revize a zaveďte proces pro příjem a reakci na zpětnou vazbu o přístupnosti od uživatelů.
V této sekci
Je váš web přístupný?
Zdarma naskenujte svůj web a získejte WCAG skóre během několika minut.
Skenovat web zdarma