Home › Risorse › Criterio WCAG

Focus visibile secondo WCAG 2.4.7

Chi naviga con la tastiera deve vedere in ogni momento quale elemento ha il focus. Un outline: none senza sostituto viola il criterio 2.4.7.

Errori frequenti

*:focus { outline: none } nel CSS di reset senza sostituto, uno stile di focus con contrasto troppo basso, o un anello di focus coperto dall'elemento adiacente.

Come fare bene

Usare :focus-visible (mostra l'anello solo con l'uso della tastiera), almeno 2 px, contrasto netto, un po' di distanza (outline-offset). L'anello può restare visibile anche se dà fastidio — l'unica cosa che non può fare è mancare.

Come aiuta a11yglass

La scansione gratuita verifica l'HTML e il CSS forniti alla ricerca di violazioni WCAG rilevabili automaticamente e indica per ogni riscontro il criterio di successo e una misura concreta. Rileva circa il 20–35 % dei problemi e non sostituisce un audit completo.

Continua a leggere

• Navigazione da tastiera secondo WCAG 2.1.1
• Contrasto dei colori secondo WCAG 1.4.3

Informazione generale fornita in buona fede, priva di valore di consulenza legale. Per il caso concreto rivolgersi a uno studio specializzato in diritto delle tecnologie dell'informazione.