Présentation de l'information · RGAA critère 10.7 · WCAG 2.4.7 (niveau AA)
Focus clavier invisible : pourquoi et comment corriger
- Gravité : bloquant
- Correction facile
- Gêne : handicap moteur (clavier seul), personnes malvoyantes
En bref. Sans indicateur de focus visible, une personne qui utilise le clavier est perdue dans la page.
Ce que demande le référentiel
« Pour chaque élément recevant le focus, la prise de focus vérifie-t-elle une de ces conditions ? »
Comment corriger
Ne jamais supprimer le contour de focus ; styler :focus-visible (contour de 2 px contrasté).
a:focus, button:focus { outline: none; }a:focus-visible, button:focus-visible {
outline: 3px solid #000091;
outline-offset: 2px;
}Ce qu'un test automatique voit, et ce qu'il ne voit pas
Détecté automatiquement
Des éléments qui, atteints avec la touche Tab, ne montrent aucun changement visible (contrôle ajouté par ProspectAgent).
À vérifier par une personne
Que l'indicateur soit assez contrasté et visible sur tous les fonds.
Sources : RGAA 4.1.2 (DINUM), WCAG 2.2 (W3C). Mis à jour le 30/09/2026. Cette fiche explique un défaut détectable ; elle ne constitue pas un audit de conformité.