Testeur Focus Visible

Vérifiez que vos styles CSS :focus sont visibles et conformes (RGAA 10.7).

Focus visible et prise de focus

Votre CSS de focus

CSS recommandé

/* Styles de focus recommandés */
:focus {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}

/* Focus visible uniquement au clavier */
:focus:not(:focus-visible) {
  outline: none;
}

:focus-visible {
  outline: 3px solid #0066cc;
  outline-offset: 2px;
}

/* Alternative avec box-shadow */
button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.5);
}