Start › Kunskapsbank › WCAG-kriterium

Tangentbordsanvändning enligt WCAG 2.1.1

Varje funktion måste gå att nå och utlösa med tangentbordet. Det gäller särskilt egenbyggda kontroller (div/span med klickhanterare i stället för button/a).

Vanliga fel

Klickbara <div>/<span> utan tabindex och tangentbordshanterare, rullgardinsmenyer bara vid :hover, modaler utan fokushantering, karuseller utan kontrollknappar.

Så gör du rätt

Använd inbyggda element (button, a, input). Där det inte går: role, tabindex="0" och keydown-hanterare för Retur/Blanksteg. Inga tangentbordsfällor — man måste också kunna ta sig ut.

Gräns för det automatiska testet

Tangentbordsanvändning går bara att kontrollera med verklig interaktion — a11yglass kostnadsfria skanning omfattar den inte. Gå igenom sidan en gång uppifrån och ner enbart med Tabb, Skift+Tabb, Retur, Blanksteg och piltangenterna.

Så hjälper a11yglass

Den kostnadsfria skanningen kontrollerar den levererade HTML- och CSS-koden efter automatiskt igenkännbara WCAG-överträdelser och anger per iakttagelse framgångskriteriet och en konkret åtgärd. Den hittar ungefär 20–35 % av problemen och ersätter ingen fullständig granskning.

Läs vidare

• Synligt fokus enligt WCAG 2.4.7
• Formulärmärkning enligt WCAG
• Rörelse enligt WCAG 2.2.2 / 2.3.3

Allmän information efter bästa förmåga, ingen juridisk rådgivning. Anlita en advokatbyrå specialiserad på IT-rätt för det enskilda fallet.