2.4.7Stufe AA2.4 Navigable

Fokus sichtbar

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

Was es bedeutet

Fokus sichtbar verstehen (englisch) | Fokus sichtbar erfüllen (englisch) (Stufe AA) Jede durch Tastatur bedienbare Benutzerschnittstelle hat einen Bedienmodus, bei dem der Tastaturfokus sichtbar ist.

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

So erkennt A11yRisk dieses Kriterium

A11yRisk erkennt dieses Kriterium automatisch.

Website auf diesen Verstoß prüfen →