Jak si ověřím, že můj e-shop se ovládá klávesnicí?

Projděte celý nákup pouze pomocí klávesy Tab a Enter

Testujete to tak, že si odložíte myš a celý nákupní proces — od stránky s produktem až po obrazovku s potvrzením — projdete pouze pomocí kláves Tab, Shift+Tab, Enter, mezerníku a šipek. V každém kroku by mělo platit: je jasně viditelné, který prvek má fokus, je pořadí logické a žádná součást nemůže uživatele na klávesnici "zasekovat" tak, aby z ní nemohl vymanit. Věnujte zvláštní pozornost filtrům a řazovacím nabídkám, volbám množství, tlačítku "přidat do košíku", rozbalovacím možnostem produktu, způsobům platby a přihlašovacímu formuláři — právě tato místa jsou typickým příkladem, kde prvky rozhraní postavené na JavaScriptu často pracují se myší, ale ignorují klávesnici.

Přihlašovací tok a nákupní proces si zaslouží zvláštní pozornost, protože tam se často vyskytují modální okna, postupné formuláře nebo vyskakovací okna, která se myší cítí intuitivně, ale na klávesnici se ukazují jako slepá ulička. Automatická kontrola signalizuje část takových problémů — chybějící indikátory fokusu nebo štítky například — ale nemůže posoudit, zda je pořadí tabulátorů logické v celém procesu nákupu, nebo zda vyskakovací okno nákupního košíku nedrží fokus zachycený. To zůstává věcí, kterou se kontroluje ručně, krok za krokem. Překryvné widgety nemění základní pořadí tabulátorů: vrstva leží navrch, nákupní proces pod ní stále ignoruje klávesnici stejně.

Vychází to z WCAG 2.1, kritérium 2.1.1 a 2.4.3

Fakt, že všechny funkce by měly být ovládatelné z klávesnice, je uvedený jako kritérium 2.1.1 (Keyboard) v WCAG 2.1 spolu s kritériem 2.4.3 (Focus Order) pro logické pořadí — norma, na kterou se v praxi redukuje EN 301 549. Jak často se to v praxi pokazí, ukazuje průzkum, který ACM provedl v březnu 2026 u zhruba sta velkých nizozemských webů obchodů a stránek poskytovatele telekomunikačních a energetických služeb: u 33 % způsobilo nakupování výrazně více obtíží a pouze 13 % se ukázalo být zcela ovládatelné z klávesnice.