Úvod › Znalostná báza › Kritérium WCAG

Viditeľný fokus podľa WCAG 2.4.7

Kto naviguje klávesnicou, musí kedykoľvek vidieť, ktorý prvok 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, štýl fokusu s príliš nízkym kontrastom, alebo prstenec fokusu, ktorý zakrýva susedný prvok.

Ako to urobiť správne

Používajte :focus-visible (ukazuje prstenec len pri použití klávesnice), min. 2 px, výrazný kontrast, trochu odstupu (outline-offset). Prstenec smie zostať viditeľný, aj keď ruší — len nesmie chýbať.

Ako a11yglass pomáha

Bezplatné skenovanie kontroluje doručené HTML a CSS na automaticky rozpoznateľné porušenia WCAG a pri každom zistení uvádza kritérium úspešnosti a konkrétne opatrenie. Nájde približne 20–35 % problémov a nenahrádza úplnú kontrolu.

Čítať ďalej

• Ovládanie klávesnicou podľa WCAG 2.1.1
• Farebný kontrast podľa WCAG 1.4.3

Všeobecná informácia podľa najlepšieho vedomia, nie právne poradenstvo. Pre konkrétny prípad sa obráťte na advokátsku kanceláriu špecializovanú na IT právo.