Changement de contexte
Les changements de contexte sont prévisibles
Lorsque les actions d’un utilisateur apportent de façon inattendue un changement majeur à une page Web, connu sous le nom de changement de contexte, cela peut désorienter les utilisateurs qui ne sont pas en mesure de voir la page entière simultanément ou qui sont facilement distraits par les changements. Les changements inattendus de contexte ont une incidence sur les utilisateurs ayant des déficiences motrices, sur les utilisateurs ayant une basse vision qui agrandissent l’écran, sur les utilisateurs aveugles et sur les utilisateurs ayant certaines limitations cognitives.
Un changement de contexte comprend les changements suivants :
- agent utilisateur
- Logiciel qui récupère et présente du contenu, p. ex., un navigateur Web, un lecteur de médias, un plugiciel ou un autre programme incluant des technologies d’assistance. Un agent utilisateur totalement distinct, comme un programme de visualisation externe, s’ouvre.
- Viewport
- Le contenu apparaît dans une ou plusieurs zones d’affichage. Cela comprend les fenêtres du navigateur, les onglets du navigateur, les cadres, les haut-parleurs et les loupes virtuelles. Habituellement, une nouvelle fenêtre s’ouvre.
- Cible
- La cible désigne la commande interactive à l’écran -- un lien, une commande de formulaire, un bouton ou une commande personnalisée -- qui reçoit des entrées du clavier (et du presse-papiers lorsque vous collez du contenu). La cible de l’utilisateur se déplace de façon inattendue vers une partie différente de la page Web actuelle.
- Contenu qui change la signification de la page Web
- Cela comprend le réagencement important du contenu d’une page.
Comme il est expliqué dans les sections suivantes, les changements de contexte ne doivent jamais être déclenchés sur la cible, et doivent être anticipés par l’utilisateur s’ils sont déclenchés par la modification du paramètre d’une commande (à la saisie).
Sur la cible
Les utilisateurs du clavier naviguent d’un item interactif à un item interactif à l’aide de la touche de tabulation, déplaçant la cible d’un item à l’autre. Une composante qui déclenche un événement lorsqu’elle reçoit une cible de saisie ne doit pas changer le contexte. Par exemple, une commande qui reçoit une cible de saisie ne doit pas déclencher de changements de contexte, par exemple :
- Déclencher la soumission automatique d’un formulaire
- Déclencher l'ouverture d’une nouvelle fenêtre
- Déclencher la modification de la cible pour une autre commande
L’objectif de conception est la prévisibilité. Donner à l’utilisateur le contrôle des changements de contexte au moyen d’une action explicite de l’utilisateur généralement connue pour provoquer un changement de contexte; p. ex., cliquer sur un lien ou appuyer sur un bouton de validation.
Ressources WCAG connexes
Ressources WCAG connexes
Critères de succès
Techniques
Échecs
Lors de la saisie
La modification du paramètre d’un composant d’interface utilisateur ne doit pas provoquer un changement de contexte. Les exemples de modification d’un paramètre englobent le fait de cocher une case, la saisie de texte dans une zone de texte ou la modification de l’option sélectionnée dans un <select>
élément. Le fait de cliquer sur des liens ou des onglets dans une commande d’onglets active la commande; cela ne modifie pas le paramètre de cette commande.
Encore une fois, l’objectif de conception est la prévisibilité. Il y a deux options :
- Donner à l’utilisateur le contrôle sur les changements de contexte au moyen d’une action explicite de l’utilisateur généralement connue pour provoquer un changement de contexte; p. ex., cliquer sur un lien ou appuyer sur un bouton de validation.
- Décrire à l’utilisateur la façon dont l’interaction avec la commande modifie le contexte avant que la commande ne soit présentée.
Ressources WCAG connexes
Ressources WCAG connexes
Critères de succès
Techniques
- G80 : Fournir un bouton de soumission pour initier un changement de contexte (en anglais)
- H32 : Fournir un bouton submit (en anglais)
- H84 : Utiliser un bouton avec un élément select pour déclencher une action (en anglais)
- G13 : Décrire ce qui va se produire avant qu'une modification sur un élément de contrôle de formulaire ne cause un changement de contexte (en anglais)
- SCR19 : Utiliser un événement onchange sur un élément select sans causer de changement de contexte (en anglais)
Échecs
- F36 : Échec du critère de succès 3.2.2 consistant à soumettre automatiquement un formulaire et à présenter un nouveau contenu sans avertissement préalable lorsque le dernier champ d'un formulaire reçoit une valeur (en anglais)
- F37 : Échec du critère de succès 3.2.2 consistant à ouvrir une nouvelle fenêtre sans avertissement préalable lorsque l'état d'un bouton radio, d'une case à cocher ou d'une zone de liste déroulante est changé (en anglais)