2.4.7Niveau AA2.4 Navigable

Visibilité du focus

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

Ce que cela signifie

Comprendre Visibilité du focus (en anglais) | Comment satisfaire à Visibilité du focus (en anglais) (Niveau AA) Toute interface utilisable au clavier comporte un mode de fonctionnement où le focus est visible.

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; }

Comment A11yRisk détecte cela

A11yRisk détecte ce critère automatiquement.

Analyser votre site pour cette violation →