Au focus
Lorsqu'un composant d'interface reçoit le focus, il ne doit pas déclencher de changement de contexte — pas de navigation automatique, pas de nouvelle fenêtre, pas de réorganisation majeure du contenu. Le focus sert à l'orientation, non à l'action.
Ce que le critère demande
La réception du focus ne doit jamais déclencher un « changement de contexte ». WCAG définit un changement de contexte comme : la navigation vers une nouvelle page, l’ouverture d’une nouvelle fenêtre, le déplacement du focus vers un autre composant, ou la réorganisation significative du contenu de la page. Le focus est l’équivalent clavier du survol d’un élément à la souris — il doit rester passif.
L’utilisateur doit piloter les changements de contexte par une activation délibérée : appuyer sur un bouton, valider avec Entrée sur un lien, soumettre un formulaire.
Comment satisfaire ce critère
- Ne jamais appeler
window.open,location.href = …ouform.submit()depuis un gestionnaire d’événementfocus. - Les infobulles et les petites révélations au focus sont acceptables — elles ne constituent pas un changement de contexte. Les refontes majeures du contenu, si.
- Pour les suggestions d’autocomplétion, déplacer le focus sur une option ne viole pas ce critère tant que la liste de suggestions est le comportement attendu.
- Si l’interface doit révéler des éléments supplémentaires quand un élément reçoit le focus (texte d’aide à la saisie, par exemple), les maintenir adjacents et non perturbateurs.
- Tester au clavier : parcourir avec Tab chaque élément interactif. Tout ce qui « saute » ou se soumet automatiquement au focus est un échec.
Échecs courants
- Une liste déroulante qui se soumet automatiquement quand une option reçoit le focus via les touches fléchées.
- Le focus sur un lien déclenchant une navigation immédiate via un gestionnaire
onfocus. - Des sélecteurs de date qui se ferment dès que le champ suivant reçoit le focus, avant que l’utilisateur ait fini d’interagir.
- Des formulaires de connexion qui se soumettent automatiquement dès que le champ du mot de passe reçoit le focus depuis un gestionnaire de mots de passe.
Pourquoi c’est important
Les utilisateurs au clavier naviguent en déplaçant le focus séquentiellement dans la page. Si le focus déclenche un changement de contexte, l’utilisateur se retrouve soudainement ailleurs que là où il voulait aller — et pour les utilisateurs de lecteurs d’écran, c’est désorientant car la file d’annonces bascule brutalement. La règle est simple : le focus oriente, l’activation agit.