Start › Vidensbank › WCAG-kriterium

Synligt fokus ifølge WCAG 2.4.7

Den, der navigerer med tastaturet, skal til enhver tid kunne se, hvilket element der har fokus. Et outline: none uden erstatning overtræder kriterium 2.4.7.

Hyppige fejl

*:focus { outline: none } i reset-CSS'en uden erstatning, en fokusstil med for lav kontrast, eller en fokusring, der dækkes af det næste element.

Sådan gør du det rigtigt

Brug :focus-visible (viser kun ringen ved tastaturbrug), mindst 2 px, tydelig kontrast, lidt afstand (outline-offset). Ringen må gerne forblive synlig, selv om den generer — den må bare ikke mangle.

Sådan hjælper a11yglass

Den gratis scanning tjekker den leverede HTML og CSS for automatisk genkendelige WCAG-overtrædelser og nævner pr. fund succeskriteriet og et konkret tiltag. Den finder cirka 20–35 % af problemerne og erstatter ikke en fuldstændig gennemgang.

Læs videre

• Tastaturbetjening ifølge WCAG 2.1.1
• Farvekontrast ifølge WCAG 1.4.3

Generel information efter bedste overbevisning, ikke juridisk rådgivning. Inddrag et advokatfirma med speciale i it-ret til den konkrete sag.