Design · Conseils pratiques
Construire un focus clavier vraiment visible
Un repère clair permet de savoir où l’on se trouve et quelle action sera déclenchée.
Un repère pour chaque action
Lorsqu’une personne navigue au clavier, l’élément actif doit rester identifiable. Sans indicateur visible, elle peut perdre sa position parmi les liens, les boutons et les champs.
Le critère WCAG 2.4.7 demande un mode de fonctionnement dans lequel l’indicateur de focus clavier est visible.
L’intégrer à votre interface
Choisissez un contour lisible autour de l’élément, avec un espace suffisant pour le distinguer. Vérifiez son apparence sur vos différents fonds et composants.
Le rendu au clic et le repère au clavier peuvent être différents. Retirer un contour gênant à la souris ne doit pas faire disparaître le repère nécessaire au clavier.
Tester un parcours complet
- AvancerUtilisez Tab pour parcourir les liens, boutons et champs.
- RevenirUtilisez Maj + Tab et gardez votre position à l’écran.
- Ouvrir et fermerVérifiez les menus et les fenêtres, puis le retour à l’élément de départ.