Ako testujem, či je moja e-predajňa ovládateľná klávesnicou?

Prejdite celý nákup iba pomocou klávesnice Tab a Enter

Testujete to tak, že si odložíte myš a celý nákupný proces — od stránky produktu až po obrazovku s potvrdením — prejdete iba pomocou Tab, Shift+Tab, Enter, medzerníka a kláves so šípkami. V každom kroku by malo platiť: je jasne viditeľné, ktorý prvok má focus, je poradie logické a žiadna časť nemôže zadržať používateľa klávesnice tak, aby sa z nej nedostal. Venujte osobitnú pozornosť filtrom a menu sort, výberom množstva, tlačidlu "do nákupného košíka", rozbaľovacím voľbám produktov, spôsobom úhrady a formuláru na prihlásenie — to sú presne miesta, kde prvky rozhrania postavené na JavaScripte často fungujú s myšou, ale ignorujú klávesnicu.

Tok prihlásenia a nákupný proces si zaslúžia osobitnú pozornosť, pretože tam sú často modálne okná, stupňované formuláre alebo vyskakovacie okná, ktoré sa s myšou javia intuitívne, ale s klávesnicou sa ukážu ako slepá ulička. Automatická kontrola signalizuje časť takýchto problémov — chýbajúce indikátory focus alebo štítky napríklad — ale nemôže posúdiť, či poradie tabulácie cez celý nákup zostáva logické alebo či vyskakovacie okno nákupného košíka zadržiava focus. To zostáva niečo, čo sa skúša manuálne, krok za krokom. Widget so vrstvou nemení podkladové poradie tabulácie: vrstva leží na vrchu, nákupný proces pod ňou zostáva tým istým ignorantom klávesnice.

Toto vyplýva z WCAG 2.1, kritéria 2.1.1 a 2.4.3

Že všetka funkcionalita má byť obsluhovateľná cez klávesnicu, je uvedená ako kritérium 2.1.1 (Keyboard) v WCAG 2.1, s kritériom 2.4.3 (Focus Order) pre logické poradie — norma, na ktorú sa v praxi vzťahuje EN 301 549. Ako často sa to v praxi nepodarí, ukazuje výskum, ktorý ACM vykonala v marci 2026 medzi približne sto veľkými holandskými webshopmi a webmi operátorov telekomunikácií a energií: u 33% si objednávanie vyžiadalo podstatne viac námahy, a len 13% sa ukázalo ako plne obsluhovateľné cez klávesnicu.