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

Échecs

Haut de la page