Avaleht › Teadmusbaas › WCAGi kriteerium

Nähtav fookus WCAG 2.4.7 järgi

Kes navigeerib klaviatuuriga, peab igal hetkel nägema, millisel elemendil on fookus. outline: none ilma asenduseta rikub kriteeriumi 2.4.7.

Sagedased vead

*:focus { outline: none } reset-CSSis ilma asenduseta, liiga väikese kontrastiga fookusestiil, või fookusrõngas, mille katab kõrvalolev element.

Kuidas seda õigesti teha

Kasuta :focus-visible (näitab rõngast ainult klaviatuurikasutuse puhul), vähemalt 2 px, selge kontrast, veidi vahet (outline-offset). Rõngas võib jääda nähtavaks, isegi kui see häirib — see lihtsalt ei tohi puududa.

Kuidas a11yglass aitab

Tasuta skannimine kontrollib serveeritavat HTMLi ja CSSi automaatselt tuvastatavate WCAGi rikkumiste suhtes ja nimetab iga leiu kohta edukriteeriumi ja konkreetse meetme. Leiab umbes 20–35 % probleemidest ega asenda täielikku hindamist.

Loe edasi

• Klaviatuurikasutus WCAG 2.1.1 järgi
• Värvikontrast WCAG 1.4.3 järgi

Üldine teave parima teadmise järgi, mitte õigusnõu. Üksikjuhtumi puhul pöördu IT-õigusele spetsialiseerunud advokaadibüroo poole.