2.4.7Poziom AA2.4 Navigable

Widoczny fokus

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

Co to oznacza

Zrozumieć KS Widoczny fokus | Jak spełnić KS Widoczny fokus (Poziom AA) Każdy interfejs posiadający możliwość obsługi przy pomocy klawiatury ma tryb obsługi, w którym fokus klawiatury jest stale widoczny.

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

Jak A11yRisk to wykrywa

A11yRisk wykrywa to kryterium automatycznie.

Skanuj swoją witrynę pod kątem tego naruszenia →