Start › Kunnskapsbase › WCAG-kriterium

Synlig fokus etter WCAG 2.4.7

Den som navigerer med tastaturet, må til enhver tid se hvilket element som har fokus. En outline: none uten erstatning bryter kriterium 2.4.7.

Vanlige feil

*:focus { outline: none } i reset-CSS-en uten erstatning, en fokusstil med for lav kontrast, eller en fokusring som skjules av det neste elementet.

Slik gjør du det riktig

Bruk :focus-visible (viser ringen bare ved tastaturbruk), minst 2 px, tydelig kontrast, litt avstand (outline-offset). Ringen kan gjerne forbli synlig selv om den forstyrrer — den kan bare ikke mangle.

Slik hjelper a11yglass

Den gratis skanningen sjekker den leverte HTML-en og CSS-en for WCAG-brudd som kan gjenkjennes automatisk, og nevner per funn suksesskriteriet og et konkret tiltak. Den finner omtrent 20–35 % av problemene og erstatter ikke en fullstendig vurdering.

Les videre

• Tastaturbetjening etter WCAG 2.1.1
• Fargekontrast etter WCAG 1.4.3

Generell informasjon etter beste kunnskap, ikke juridisk rådgivning. For enkelttilfellet, kontakt et advokatfirma spesialisert på IT-rett.