Inicio › Recursos › Criterio WCAG

Foco visible según WCAG 2.4.7

Quien navega con el teclado debe ver en todo momento qué elemento tiene el foco. Un outline: none sin sustituto incumple el criterio 2.4.7.

Errores frecuentes

*:focus { outline: none } en el CSS de reinicio sin sustituto, un estilo de foco con poco contraste, o un anillo de foco tapado por el elemento contiguo.

Cómo hacerlo bien

Usar :focus-visible (muestra el anillo solo al usar el teclado), mín. 2 px, contraste claro, algo de separación (outline-offset). El anillo puede seguir visible aunque moleste — lo único que no puede es faltar.

Cómo ayuda a11yglass

El escaneo gratuito comprueba el HTML y el CSS entregados en busca de incumplimientos de las WCAG detectables automáticamente e indica en cada hallazgo el criterio de conformidad y una medida concreta. Detecta aproximadamente el 20–35 % de los problemas y no sustituye una auditoría completa.

Seguir leyendo

• Manejo por teclado según WCAG 2.1.1
• Contraste de color según WCAG 1.4.3

Información general según nuestro leal saber y entender, sin valor de asesoramiento jurídico. Para un caso concreto, consultar a un despacho especializado en derecho de las tecnologías de la información.