Co se pokazí při ovládání pouze klávesnicí
Nejčastější chyba při ovládání pouze klávesnicí je, že interaktivní prvky jsou sice viditelné, ale nejsou dostupné pomocí klávesy Tab. Myslíme tím menu, které se otevře pouze kliknutím myší, tlačítko, které nezískává fokus, nebo místní okno, které se bez myši nedá zavřít. Pro lidi, kteří nemohou používat myš kvůli motorickým omezením, nebo kteří ovládají čtecí program, který běží na navigaci z klávesnice, to znamená, že část webové stránky je jednoduše nepoužitelná.
Příčina je téměř vždy v prvních prvcích: vývojář vytvoří pěkný rozbalovací seznam, vlastní selektor data nebo rozbalovací filtr s vlastním HTML a JavaScriptem, ale zapomene na podporu klávesnice, kterou standardní HTML tlačítko nebo odkaz získá zdarma. Prvek vypadá dobře a funguje s myší, takže během testování nikdo všimne, že klávesa Tab jej jednoduše přeskočí.
Proč se to často přehlíží
Tato chyba je trvalá, protože není viditelná pouhým okem. Kdo klikne na webový obchod myší, nevidí nikde problém. Až když si představíte, že myš neexistuje, a pohybujete se po stránce pouze pomocí Tab, Shift+Tab, Enter a kurzorových kláves, bude viditelné, kde se navigace zasekne. Protože toto testování není obvykle standardní součástí procesu nasazení, problém často zůstane bez povšimnutí léta — až do chvíle, kdy s ním narazí návštěvník nebo dozorčí orgán.
Druhý důvod je, že mnoho těchto vad se vyskytuje právě na místech, která nejvíce vyniknou při použití: v kroku nákupu, na přihlašovací obrazovce, ve filtru vyhledávání. To jsou přesně součásti, které jsou často vytvářeny odděleně od zbytku webu s vlastními komponentami, které ne vždy dostávají stejnou péči jako hlavní navigace.
Jak to sami poznáte
Jednoduchá první kontrola je pustit myš a projít tok stránky pouze pomocí klávesnice. Věnujte pozornost třem věcem: je každý prvek, na který lze kliknout, dostupný přes Tab, je v každém okamžiku jasně viditelné, který prvek má fokus, a lze každou součást, která se otevírá — menu, filtr, místní okno — také zavřít bez myši. Pokud se fokus zasekne v místním okně, skočí na neočekávané místo nebo zcela zmizí z obrazovky, pak to je signál, že je na čem pracovat.
Automatizovaná kontrola může některé z těchto problémů rozpoznat, například chybějící indikátory fokusu nebo prvky bez přístupu z klávesnice, které jsou technicky rozpoznatelné ve zdrojovém kódu. Zda lze ovšem rozbalovací seznam také logicky a předvídatelně ovládat, není něco, co kontrola zcela posoudit nemůže — to zůstává v jádru lidským testem. To ostatně platí i pro více požadavků WCAG, a vždy to také uvádíme v zprávě. spusťte bezplatnou rychlou kontrolu vašich nejdůležitějších stránek abyste viděli, jaká část těchto druhů problémů se již automaticky odhalí.
Jak jej předejít
Řešení obvykle není v další technice na webu, ale ve správném používání existujících prvků. Standardní HTML tlačítko nebo odkaz je automaticky dostupný přes Tab a lze jej ovládat klávesou Enter; kdo místo toho učiní text nebo obrázek kliknutelný pomocí JavaScriptu, musí tuto podporu klávesnice přidat sám. U vlastních součástí, jako jsou nabídky, filtry a místní okna, by měla být jasná dohoda s vývojářem: každá součást musí být otevíratelná, ovladatelná a zavíratelná pomocí klávesnice a fokus musí zůstat viditelný a předvídatelný.
To nepomohou přístupnostní widgety, které si dělají nároky na to, aby vyřešily takové nedostatky pomocí samostatného skriptu. Takový nástroj nemění nic na kódu, který je pod ním, a proto nemění nic na skutečné ovladatelnosti; zákon požaduje přístupný web, ne vrstvu nad ním. Takové widgety vědomě neprodáváme.
Chcete vědět, které části vašich webových stránek nebo aplikace obsahují takové strukturální problémy a jakou váhu mají v seznamu priorit vašeho plánu zlepšení? V познавательной базе, seřazené podle předmětu se dozvíte o jednotlivých typech nedostatků, jaké problémy s nimi souvisí, a jak přesně naše testování vzniká vidíte, kterou část z nich testujeme automaticky a kterou část vyžaduje ruční péči.
Máte ještě otázky ohledně toho, co je a není součástí tohoto požadavku, nebo ohledně zbytku rámce hodnocení? Odpovědi na často kladené otázky vám na většinu z nich již poskytnou jasnou odpověď.
Bezplatná rychlá kontrola axessia.eu vám okamžitě naznačí, zda se na vašem webu vyskytují tento typ problémů s ovládáním klávesnicí, aniž byste k tomu potřebovali účet.