Hogyan tesztelhetem, hogy webáruházamam billentyűzetről működik-e?

Böngésszen végig az egész rendelésen csak a Tab és Enter billentyűkkel

Ezt úgy teszteleheted, hogy elrakod az egeret, és az egész vásárlási folyamatot — a termékoldalról a megerősítési képernyőig — kizárólag a Tab, Shift+Tab, Enter, szóköz és nyílbillentyűk segítségével végigmész. Minden lépésben teljesülnie kell annak, hogy egyértelműen látható legyen, mely elem áll fókuszban, a sorrend logikus, és egyetlen elem sem zárhatja be a billentyűzethasználót úgy, hogy nem tudjon belőle kijutni. Különösen ügyelj a szűrőkre és rendezésmenükre, mennyiségválasztóra, a "kosárba" gombra, felnyitható termékopciókra, fizetési módokra és a bejelentkezési űrlapra — ezek azok a helyek, ahol a JavaScript-re épülő felületegységek gyakran működnek az egérrel, de figyelmen kívül hagyják a billentyűzetet.

A bejelentkezési folyamat és a rendelési lépés különös figyelmet érdemel, mert gyakran tartalmaznak modális ablakokat, lépésről lépésre vezetett űrlapokat vagy felugró ablakokat, amelyek az egérrel intuitívnak tűnnek, de a billentyűzettel zsákutcának bizonyulnak. Az automatikus vizsgálat egy részét felismeri az ilyen problémáknak — például hiányzó fókuszjelzéseknek vagy címkéknek — de nem tudja megítélni, hogy a tabrend az egész rendelés során logikus marad-e, vagy hogy egy kosár-felugró ablak rögzítve tartja-e a fókuszt. Ez valami, amit kézzel, lépésről lépésre kell végigvenni. Az átfedési modul nem változtat az alapul fekvő tabrenden: a réteg felette van, az alatta lévő rendelési lépés továbbra is ugyanúgy figyelmen kívül hagyja a billentyűzetet.

Ez a WCAG 2.1, követelmény 2.1.1 és 2.4.3 szabályaiból adódik

Az, hogy az összes funkciót billentyűzettel kezelhetővé kell tenni, az a WCAG 2.1-ben a követelmény 2.1.1 (Keyboard) alatt szerepel, a követelmény 2.4.3 (Focus Order) pedig a logikus sorrendet írja elő — ez az a szabvány, amelyre az EN 301 549 gyakorlatban lezuhan. Hogy ezt a gyakorlatban milyen gyakran szégyellik el, az abból derül ki, amit az ACM 2026 márciusában végzett kutatásból: körülbelül száz nagy holland webshop és telekommunikációs és energiaszolgáltató weboldal közül 33%-nál a rendelés tekintélyesen több nehézkesnek bizonyult, és csak 13% bizonyult billentyűzettel teljesen kezelhetőnek.