Kezdőlap › Tudásbázis › WCAG-kritérium

Billentyűzetes kezelés a WCAG 2.1.1 szerint

Minden funkciónak elérhetőnek és aktiválhatónak kell lennie billentyűzettel. Ez különösen a saját készítésű kezelőelemeket érinti (div/span kattintáskezelővel button/a helyett).

Gyakori hibák

Kattintható <div>/<span> tabindex és billentyűzetkezelő nélkül, legördülő menük csak :hover esetén, párbeszédablakok fókuszvezérlés nélkül, körhinták kezelőgombok nélkül.

Így csinálod helyesen

Használj natív elemeket (button, a, input). Ahol nem megy másképp: role, tabindex="0" és keydown-kezelő az Enter/Szóköz billentyűkhöz. Semmilyen billentyűcsapda — ki is kell tudni jutni.

Az automatikus teszt határa

A billentyűzetes kezelés csak valódi interakcióval ellenőrizhető — az a11yglass ingyenes szkennelése nem fedi le. Menj végig az oldalon egyszer fentről lefelé csak Tab, Shift+Tab, Enter, Szóköz és nyilak használatával.

Hogyan segít az a11yglass

Az ingyenes szkennelés a kiszolgált HTML-t és CSS-t vizsgálja automatikusan felismerhető WCAG-sértések szempontjából, és minden megállapításnál megnevezi a sikerkritériumot és egy konkrét intézkedést. A problémák nagyjából 20–35 %-át találja meg, és nem helyettesíti a teljes körű vizsgálatot.

Tovább olvasás

• Látható fókusz a WCAG 2.4.7 szerint
• Űrlapcímkézés a WCAG szerint
• Mozgás a WCAG 2.2.2 / 2.3.3 szerint

Általános tájékoztatás legjobb tudomás szerint, nem jogi tanács. Az egyedi esethez vonj be egy IT-jogra szakosodott ügyvédi irodát.