Start › Kunskapsbank › WCAG-kriterium

Synligt fokus enligt WCAG 2.4.7

Den som navigerar med tangentbordet måste alltid se vilket element som har fokus. Ett outline: none utan ersättning bryter mot kriterium 2.4.7.

Vanliga fel

*:focus { outline: none } i reset-CSS:en utan ersättning, en fokusstil med för låg kontrast, eller en fokusring som skyms av nästa element.

Så gör du rätt

Använd :focus-visible (visar ringen bara vid tangentbordsanvändning), minst 2 px, tydlig kontrast, lite avstånd (outline-offset). Ringen får förbli synlig även om den stör — den får bara inte saknas.

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

• Tangentbordsanvändning enligt WCAG 2.1.1
• Färgkontrast enligt WCAG 1.4.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.