Escaneo gratis

Corregir «Foco invisible» en HTML

Por qué es un problema

Con «outline: none», quien navega con teclado ya no ve dónde está el foco.

Cómo corregirlo — HTML

No quite el contorno sin sustituirlo; use :focus-visible. Si su foco usa borde o fondo, verifíquelo a mano.

Evitar
<style>
  a:focus, button:focus { outline: none; }
</style>
Correcto
<style>
  /* Visible au clavier, discret à la souris */
  a:focus-visible, button:focus-visible {
    outline: 3px solid #171e19;
    outline-offset: 2px;
  }
</style>

Compruebe su sitio en 30 segundos

Conformly detecta este tipo de problema en todas sus páginas, de forma continua, y le avisa en cada regresión.

Escaneo gratis

Otras correcciones