Viditelný fokus podle WCAG 2.4.7

Kdo naviguje klávesnicí, musí kdykoli vidět, který prvek má fokus. outline: none bez náhrady porušuje kritérium 2.4.7.

Časté chyby

*:focus { outline: none } v reset CSS bez náhrady, styl fokusu s příliš nízkým kontrastem, nebo prstenec fokusu, který zakrývá sousední prvek.

Jak to udělat správně

Používejte :focus-visible (ukazuje prstenec jen při použití klávesnice), min. 2 px, výrazný kontrast, trochu odstupu (outline-offset). Prstenec smí zůstat viditelný, i když ruší — jen nesmí chybět.

Jak a11yglass pomáhá

Bezplatné skenování kontroluje doručené HTML a CSS na automaticky rozpoznatelná porušení WCAG a u každého zjištění uvádí kritérium úspěšnosti a konkrétní opatření. Najde zhruba 20–35 % problémů a nenahrazuje úplnou kontrolu.

Číst dál

Obecná informace podle nejlepšího vědomí, nikoli právní poradenství. Pro konkrétní případ se obraťte na advokátní kancelář specializovanou na IT právo.