Des problèmes de proximité peuvent survenir lorsque les éléments d'interface sont conçus loin les uns des autres. Cela affecte principalement les personnes malvoyantes qui utilisent un logiciel de zoom.
Ce qui se passe quand quelqu'un utilise un logiciel de zoom, c'est qu'il ne voit qu'une petite partie de l'écran à la fois. Habituellement, la partie agrandie de l'écran suit la position actuelle du pointeur de la souris ou du curseur du clavier.
Parce que quelqu'un ne peut voir qu'une petite section à la fois, souvent lorsqu'il tente d'accomplir une tâche, le contenu est difficile à trouver ou peut être complètement manqué.
Comment testons-nous pour nous assurer qu'il y a peu ou pas de problèmes de proximité avec notre conception ? Une méthode relativement simple et efficace consiste à effectuer ce qu'on appelle « le test de la paille ».
Le test de la paille
Comment réalisez-vous le test de la paille ? Prenez une main et serrez le poing. Ensuite, vous ouvrez votre poing juste assez pour laisser passer une "paille". À partir de ce moment, tenez votre poing devant l'un de vos yeux, fermez l'autre et essayez de voir votre dessin.
Mauvaise proximité
Lorsqu'il s'agit de réviser une conception ou de lire du contenu sur le Web, le flux de lecture typique est de haut en bas, de gauche à droite. Dans cet esprit, préparez vos tests de paille et essayez de remplir ce formulaire :
Était-ce facile ou difficile à réaliser ? Vous êtes-vous retrouvé à faire des allers-retours pour vous assurer que le champ que vous visualisiez correspondait à l'étiquette à laquelle il était destiné ? Combien de temps vous a-t-il fallu pour terminer ?
C'est un excellent exemple de mauvaise proximité.
- Les éléments d'
labelde formulaire sont beaucoup trop éloignés de leurs éléments d'input. - Le
buttonde soumission est en bas à droite, ce qui serait beaucoup plus difficile à localiser que s'il était placé de l'autre côté.
Meilleure proximité
Reprenons le même formulaire mais avec ses problèmes de proximité corrigés :
Comment remplissait ce formulaire par rapport au dernier lors du test avec le test de la paille ? Beaucoup plus rapide et facile à remplir ? Moins frustrant ?
Cela montre pourquoi, idéalement, les formulaires sont conçus avec l' label de formulaire directement au-dessus du champ de input associé. De cette façon, le formulaire est beaucoup plus facile à utiliser pour les personnes malvoyantes qui utilisent peut-être un logiciel de zoom. Cela rend également les choses plus faciles pour tout le monde à la fin, comme le fait souvent le fait de rendre les choses accessibles.
L'objectif principal du test de la paille est de s'assurer que les éléments connexes sont facilement détectables pour les personnes malvoyantes qui s'appuient sur un logiciel de zoom. Même avec une vision de 20/20, les objets éloignés peuvent être difficiles à trouver.
Assurons-nous que l'expérience utilisateur que nous créons est facilement détectable et confortable pour nos utilisateurs.
Critères de réussite WCAG
Cela revient à 1.3.3 Caractéristiques sensorielles qui stipule :
"Les instructions fournies pour comprendre et utiliser le contenu ne reposent pas uniquement sur les caractéristiques sensorielles des composants telles que la forme, la taille, l'emplacement visuel, l'orientation ou le son."