Critère 10.7
Visibilité du focus
La prise de focus doit être visible.
En Bref : L'essentiel à retenir
- L'objectif est d'aider les utilisateurs naviguant au clavier à identifier leur position actuelle.
- La solution technique consiste à toujours afficher un style visuel, comme un 'outline', lors du focus.
- Il est proscrit de supprimer complètement le style 'outline' du focus.
- Un exemple de bonne pratique est d'utiliser un 'outline' visible, comme une bordure bleue.
Objectif
Permettre aux utilisateurs naviguant au clavier de savoir où ils se trouvent.
Solution Technique
Ne supprimez jamais l'outline du focus sans le remplacer par un style visible.
/* ❌ Interdit */
*:focus {
outline: none;
}
/* ✅ Bon */
*:focus {
outline: 2px solid blue;
outline-offset: 2px;
}