Au Focus :
Comprendre le
CS3.2.1
3.2.1 Au Focus : quand un composant reçoit le focus, il ne doit pas initier un changement de contexte. (Niveau A)
Objectif de ce critère de succès
L'objectif de ce critère de succès est de s'assurer que le comportement des fonctionnalités est prévisible pour les utilisateurs au cours de leur navigation dans une page. Tout composant déclenchant un événement lorsqu'il reçoit le focus ne doit pas modifier le contexte. Les exemples de changements de contexte lorsqu'un composant reçoit le focus comprennent mais ne sont pas limités à :
des formulaires soumis automatiquement lorsqu'un composant reçoit le focus ;
des nouvelles fenêtres qui s'ouvrent lorsqu'un composant reçoit le focus ;
le focus passe à un autre composant lorsque ce premier composant prend le focus.
Avantages spécifiques du critère de succès 3.2.1 :
Ce critère de succès aide les personnes ayant des limitations visuelles, des limitations cognitives ou motrices en diminuant les risques de changements de contexte inattendus.
Exemples pour le critère de succès 3.2.1
Exemple 1 : un menu déroulant
Un menu déroulant sur une page permet aux utilisateurs d'accéder directement à d'autres pages de leur choix. Si une personne utilise le clavier pour ouvrir ce menu afin de choisir une destination et l'active (avec la barre d'espace ou la touche Entrée), elle accède alors directement à une nouvelle page. Cependant, si la personne ouvre le menu pour effectuer un choix mais finalement appuie sur la touche échappe ou tabulation pour sortir du menu déroulant – aucun nouvel écran ne s'affiche lorsque le focus quitte le menu déroulant.
Exemple d'échec : une fenêtre d'aide
Lorsqu'un champ reçoit le focus, une fenêtre d'aide décrivant le champ et proposant des options s'ouvre. Lorsque l'utilisateur se sert du clavier pour tabuler dans la page, le dialogue s'ouvre et retire le focus du champ à chaque fois que l'utilisateur essaie de se positionner sur le champ.
Ressources liées
Les ressources sont présentées dans un but d'information seulement, il ne s'agit pas d'une approbation.
(Aucune ressource n'est actuellement documentée)
Techniques et échecs pour le critère de succès 3.2.1 - Au Focus
Chaque élément numéroté dans cette section représente une technique ou une combinaison de techniques que le groupe de travail des WCAG considère comme suffisante pour satisfaire à ce critère de succès. Les techniques énumérées satisfont le critère de succès seulement si toutes les exigences de conformité aux WCAG 2.0 ont été appliquées.
Techniques suffisantes
Note : un changement de contenu n'est pas toujours un changement de contexte. Ce critère de succès est automatiquement atteint si les changements de contenus ne sont pas aussi des changements de contexte.
Techniques (recommandées) supplémentaires pour 3.2.1
Bien qu'elles ne soient pas nécessaires à la conformité, les techniques supplémentaires suivantes devraient être envisagées afin de rendre le contenu plus accessible. Toutes ces techniques ne peuvent pas être utilisées ou ne seraient pas efficaces dans toutes les situations.
Ne pas causer de changements persistants d'état ou de valeur lorsqu'un composant reçoit le focus ou fournir un moyen de rétablir tout changement (lien à venir)
G201 : Avertir l'utilisateur à l'avance lorsqu'une nouvelle fenêtre est ouverte (en anglais)
Échecs fréquents pour le CS 3.2.1
Le groupe de travail des WCAG considère les erreurs fréquentes suivantes comme des échecs du critère de succès 3.2.1.
Mots clés
- changement de contexte
-
changements majeurs dans le contenu d'une page Web qui, s'ils sont faits sans que l'utilisateur en soit conscient, peuvent désorienter l'utilisateur qui ne peut voir l'ensemble de la page en même temps.
Les changements de contexte comprennent les changements de :
focus ;
Note : un changement dans le contenu comme le déploiement d'une arborescence, un menu dynamique ou un déplacement de tabulation ne change pas nécessairement le contexte à moins qu'il ne change aussi l'un des éléments énumérés ci-dessus (par exemple le focus).
Exemple : l'ouverture d'une nouvelle fenêtre, le déplacement du focus sur un composant différent, le déplacement vers une nouvelle page (y compris tout ce qui, pour l'utilisateur, aurait l'air d'un déplacement vers une autre page) ou la réorganisation significative du contenu d'une page sont autant d'exemples d'un changement de contexte.