Normes · WCAG 2.2

SC 3.2.2 Niveau A WCAG 2.0

À la saisie

Modifier la valeur d'un composant d'interface ne doit pas automatiquement provoquer un changement de contexte, à moins que l'utilisateur n'en ait été averti à l'avance. Sélectionner une valeur ne doit pas naviguer, soumettre ou réorganiser silencieusement la page.

Ce que le critère demande

Modifier le paramètre d’un contrôle — choisir une option dans un <select>, cocher une case, sélectionner un bouton radio, éditer un champ texte — ne doit pas provoquer silencieusement un changement de contexte majeur. Si la saisie doit véritablement déclencher un tel changement, la page doit avertir l’utilisateur avant qu’il n’interagisse avec le contrôle, afin que le comportement soit prévisible.

Les effets mineurs autorisés (révéler des champs dépendants, mettre à jour un aperçu) sont acceptables ; ce qui est interdit, c’est la navigation silencieuse, la soumission de formulaire, les nouvelles fenêtres, ou la réorganisation complète.

Comment satisfaire ce critère

  • Utiliser un bouton de soumission ou d’application séparé après que l’utilisateur a sélectionné des valeurs, plutôt que de soumettre automatiquement au changement.
  • Pour les sélecteurs de langue ou de pays, soit avertir (« Sélectionner une langue rechargera la page »), soit exiger un bouton « Valider ».
  • Pour les interfaces de filtre qui mettent à jour les résultats en direct, c’est acceptable lorsque les résultats s’affichent en ligne — mais si l’URL change ou si l’utilisateur est déplacé ailleurs, considérer cela comme un changement de contexte.
  • Gérer la révélation de champs dépendants sans perturbation, avec une gestion appropriée du focus.
  • Lorsque la soumission automatique est vraiment nécessaire, l’annoncer dans les instructions près du contrôle ou dans la description accessible du champ.

Échecs courants

  • Éléments <select> de pays ou de langue qui naviguent immédiatement vers une URL différente quand la valeur change.
  • Cases à cocher de filtre qui rechargent la page à chaque modification sans avertissement, renvoyant l’utilisateur en haut de page.
  • Sélecteurs de date qui soumettent le formulaire environnant dès qu’une date est choisie.
  • Interrupteurs bascule dans les panneaux d’administration qui déclenchent des opérations destructives (supprimer, publier) sans confirmation.

Pourquoi c’est important

Les utilisateurs de lecteurs d’écran et au clavier explorent souvent les contrôles de formulaire avant de valider — ouvrir une liste déroulante pour lire les options, parcourir les boutons radio avec Tab pour comparer les libellés. Si la sélection d’une valeur soumet ou navigue silencieusement, l’utilisateur perd son repère et ses données. La règle préserve l’autonomie de l’utilisateur : c’est lui, et non la page, qui décide du moment de valider.