Cette traduction n’a pas encore été relue par la rédaction. La version allemande fait foi. Deutsche Fassung →
Barrierefreiheit
Qu'est-ce qu'un changement de contexte inattendu à la saisie ?
Un changement de contexte inattendu à la saisie survient quand la page change déjà en tapant ou en sélectionnant — sans que le visiteur n'ait appuyé sur « Envoyer ». L'exemple classique : une liste de sélection « Choisir un pays » recharge immédiatement lors de la sélection. Celui qui se trompe en tapant ou parcourt la liste avec les flèches se voit arraché au milieu de la saisie. Le critère WCAG 3.2.2 exige une étape de confirmation explicite.
Ce que le critère signifie pratiquement pour les visiteurs
Les formulaires vivent de la possibilité de reconsidérer et de corriger les saisies. Celui qui commande une liste de sélection au clavier parcourt les entrées les unes après les autres avec les flèches — chaque entrée est brièvement sélectionnée. Si la page se recharge déjà à cette sélection, un utilisateur de clavier n'atteint que la toute première entrée ; tous les autres pays, succursales ou catégories lui restent inaccessibles. Aussi les gens qui tapent lentement ou utilisent une commande vocale perdent leurs formulaires partiellement remplis à ces changements soudains. La solution est simple et familière : un bouton séparé comme « Continuer » ou « Appliquer », que le visiteur active consciemment quand sa saisie est terminée.
Comment le service de contrôle mesure le comportement à la saisie
Le service de contrôle effectue un test de saisie prudent dans un vrai navigateur : il sélectionne un champ de texte sur votre site, frappe une lettre et observe ce qui se passe. Si la saisie provoque une vraie navigation — la page se recharge sans qu'aucun envoi n'ait eu lieu —, le critère est en infraction. Si la page reste calme, le test est réussi. La mesure ne teste délibérément pas les listes de sélection : une sélection automatique pourrait déclencher des commandes ou des redirections sur un vrai site. Ces cas sont notés ouvertement pour vérification manuelle, et au standard or un humain juge le comportement de chaque liste de sélection. Aussi une recherche en direct, qui reconstruit la liste de résultats en tapant, est évaluée par un humain.
Beispiele
Auswahl sendet sofort ab
<select name="land" onchange="this.form.submit()">…</select><select name="land">…</select>
<button type="submit">Anzeigen</button>Wer mit den Pfeiltasten durch die Liste geht, löst bei jedem Schritt ein Absenden aus. Ein Knopf trennt Wahl und Wirkung.
- Parcourez chaque liste de sélection de votre site avec les flèches et vérifiez que la page reste sur place.
- Dotez chaque sélection de filtre et de pays d'un bouton séparé comme « Appliquer », au lieu de laisser la sélection prendre effet immédiatement.
- Tapez dans chaque champ de recherche une lettre et observez si la page reste calme.
- Demandez à votre agence de remplacer systématiquement les redirections automatiques à la modification du formulaire par des étapes de confirmation.