Saisie avec un dispositif de pointage

Toutes les fonctionnalités sont accessibles au moyen d’un dispositif de pointage

Toutes les fonctionnalités doivent être accessibles au moyen d’un dispositif de pointage (p. ex., souris, doigt sur un écran tactile, stylet électronique, pointeur laser).

Codez les gestionnaires d'événements JavaScript qui se déclenchent à la fois sur le clavier et sur le clic de la souris. En général, si les commandes sont accessibles par événement clic, elles sont également accessibles par toucher.

Ce ne sont pas tous les appareils tactiles ne prennent pas en charge les opérations de glisser-déposer et les gestes définit par un script. Les scripts ne fonctionneront pas du tout si l'utilisateur utilise un lecteur d'écran sur un périphérique tactile. Le lecteur d'écran lui-même utilise les gestes pour fonctionner et consomme tous les gestes avant qu'ils n'atteignent le contenu écrit. Considérez que le glisser-déposer et les gestes scriptés comme des améliorations facultatives qui complètent la principale fonctionnalité de clic.

Certains utilisateurs peuvent ne pas être capables d’effectuer des gestes-trajectoires ou multipoints avec un dispositif de pointage. Par exemple, il ne peuvent pas faire des gestes-trajectoires, de balayage ou le glissement d’un curseur. Si on prend par exemple, les gestes multipoints, on compte le zoom par pincement à deux doigts, une touche fractionnée où un doigt repose sur un point précis l’écran et une autre tape un autre point, ou un toucher ou glissement à deux ou trois doigts.

Il faut s’assurer que le contenu est utilisable sans gestes multipoints ou gestes-trajectoires. Les gestes sont utilisables dans la mesure où la fonctionnalité se commande également par dispositif de pointage. Ceci peut être un toucher, un clic, un double-clic, un double toucher, une pression longue ou un clic maintenu.

Exemples

• Toutes les fonctionnalités peuvent être commandées par toucher ou clic simple, par double toucher, par double-clic, par pression longue ou par clic maintenu.
• Un curseur permet de régler une valeur sur une plage par un geste-trajectoire simple, c’est-à-dire la sélection et le glissement d’un curseur à la position désirée avant de relâcher le doigt ou le bouton de la souris. Aux deux extrémités du curseur se trouvent des boutons redondants pour diminuer ou augmenter la valeur du curseur.
• Une application Web prend en charge la fonction glisser-déplacer pour réordonner des éléments sur une liste. À la fin de chaque élément de liste, paire redondante de boutons à icône permettent de déplacer l’élément vers le haut ou vers le bas de la liste pour réordonner ses éléments.
• Un site Web comprend une vue en plan qui prend en charge le geste de pincement multipoint (deux doigts) pour faire un zoom grossissant et le geste de glissement pour déplacer la zone visible. Les commandes de l’interface utilisateur offrent une fonction de zoom redondante commandée avec les boutons [+] et [– ] et un déplacement dans les quatre directions au moyen des touches fléchées.

Taille de la cible (niveau AAA, facultatif)

La cible du pointeur (souris, stylet, toucher, etc.) doit être suffisamment grande pour permettre une activation facile, même si l’utilisateur utilise un écran tactile portatif de petite taille ou s’il a une dextérité réduite, des tremblements, une faible vision ou de gros doigts.

La taille de la cible devrait faire au moins 44px sur 44px.

Il existe quelques exclusions :

Élément équivalent

La cible est également disponible à partir d’un lien ou d’une commande sur la même page, qui mesure au moins 44 pixels CSS.

Intégration

La cible se trouve dans une phrase ou un bloc de texte.

Contrôle par agent utilisateur

La taille de la cible est déterminée par l’agent utilisateur et n’est pas modifiée par l’auteur.

Caractère essentiel

Une présentation particulière de la cible est essentielle à l’information transmise.

La taille de la cible est un paramètre de niveau AAA du WCAG 2.1, donc d’application facultative pour le gouvernement du Canada. Il est inclus ici parce qu’il est facile à mettre en œuvre, selon la conception.

Ressources WCAG connexes