Accy

El indicador de foco está desactivado

WCAG 2.4.7 (AA) · EN 301 549 9.2.4.7

El CSS elimina el contorno del foco ({selector}) sin poner nada visible en su lugar.

Por qué importa

Quien navega con el tabulador necesita ver dónde está. Sin indicador de foco, la persona pulsa Tab y no sabe qué elemento tiene seleccionado: navegar se vuelve adivinar. Es de los fallos más incapacitantes y de los más fáciles de arreglar.

Un solo `outline: none` en el CSS del tema puede hacer inoperable toda la tienda por teclado.

Cómo se arregla

Nunca uses outline: none sin sustituto. Si el contorno por defecto no encaja con el diseño, dibuja el tuyo, con un contraste de al menos 3:1 contra el fondo.

Así está
a:focus, button:focus { outline: none; }
Así debería estar
a:focus-visible, button:focus-visible {
  outline: 3px solid #005fcc;
  outline-offset: 2px;
}

¿Tu tienda tiene este fallo?

Compruébalo gratis, junto con las otras 54 reglas. Sin registro.

Sin registro. Analizamos una página pública y no guardamos tus datos.