Critères de succès

WCAG 3.2.1 Au focus

Le critère de succès 3.2.1 exige que, lorsqu'un composant d'interface reçoit le focus, cela ne déclenche pas de changement de contexte. C'est un critère de niveau A sous la règle 3.2 (Prévisible).

Ce qui constitue un « changement de contexte »

Un changement de contexte signifie qu'il se produit quelque chose de significatif au-delà de l'indicateur de focus attendu : une nouvelle fenêtre de navigateur s'ouvre, le focus saute ailleurs de façon inattendue, un formulaire est envoyé, la page en cours est quittée, ou la signification de la page change substantiellement - tout cela sans que la personne ait rien fait d'autre que d'amener le focus sur un élément, par tabulation ou parce qu'un lecteur d'écran s'y est posé en cours de navigation.

Pourquoi cela contrevient à une attente élémentaire

Déplacer le focus est censé être une action sûre et sans engagement : on doit pouvoir parcourir une page librement par tabulation pour découvrir ce qui s'y trouve, comme une personne voyante promène son regard sur une page sans que rien ne se produise. Si le simple fait de se poser sur un champ peut déclencher un envoi ou une navigation, les personnes utilisant le clavier ou un lecteur d'écran perdent toute possibilité d'explorer sereinement la structure d'une page : chaque appui sur Tab devient un pari.

Défaillances courantes

• Une liste déroulante qui navigue vers une autre page dès qu'elle reçoit le focus, au lieu d'attendre une sélection effective.
• Un champ de formulaire qui envoie automatiquement tout le formulaire au focus, plutôt que sur une action d'envoi explicite.
• Un élément dont le focus déclenche l'ouverture inattendue d'une fenêtre surgissante ou d'une nouvelle fenêtre.

Le critère voisin mais distinct : À la saisie (3.2.2)

Ce critère porte spécifiquement sur le focus seul comme déclencheur d'un changement inattendu. Le critère 3.2.2 À la saisie couvre le cas voisin mais distinct où le fait de modifier une valeur - saisir, sélectionner une option - déclenche un changement de contexte inattendu. Les deux sont souvent évoqués ensemble, puisqu'ils protègent la même attente de fond - interagir avec un formulaire ne doit pas produire d'effets de bord surprenants - à deux moments différents de l'interaction.

La correction

Réservez les actions qui changent le contexte - navigation, envoi, ouverture d'une nouvelle fenêtre - à des actions explicites : un clic sur un bouton d'envoi, une commande « Valider » explicite. Jamais comme effet de bord automatique du seul focus se posant sur un élément.

Questions fréquentes

Qu'est-ce que le critère WCAG 3.2.1 Au focus ?

Un critère de niveau A : le simple fait de donner le focus à une commande, par tabulation ou par clic, ne doit pas provoquer de changement de contexte inattendu, comme une navigation ou une fenêtre surgissante.

Quel est un exemple de non-conformité ?

Une liste déroulante qui navigue vers une nouvelle page dès qu'elle reçoit le focus, ou un champ qui ouvre une fenêtre modale au seul focus, désorientant les personnes qui naviguent au clavier.

Qu'est-ce qu'un changement de contexte ?

L'ouverture d'une nouvelle fenêtre, le déplacement du focus, l'envoi automatique d'un formulaire, ou une modification substantielle du contenu de la page qui désoriente la personne.