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.
a:focus, button:focus { outline: none; }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.