2.4.7Niveau AA2.4 Navigable

Focus zichtbaar

Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible.

Wat het betekent

Focus zichtbaar begrijpen | Hoe te voldoen aan Focus zichtbaar (Niveau AA) Elke gebruikersinterface die met een toetsenbord te bedienen is, heeft een bedieningswijze waarbij de indicator van de toetsenbordfocus zichtbaar is.

Failing example

/* Fails: outline removed with no custom replacement */
* { outline: none; }
button:focus { outline: none; }

How to fix it

/* Pass: preserve or replace browser focus ring */
/* Option 1: remove only in pointer contexts */
:focus:not(:focus-visible) { outline: none; }
:focus-visible { outline: 2px solid #4F46E5; outline-offset: 2px; }

/* Option 2: custom focus style for all elements */
:focus { outline: 2px solid #4F46E5; outline-offset: 2px; }

Hoe A11yRisk dit detecteert

A11yRisk detecteert dit criterium automatisch.

Scan uw site op deze overtreding →