Interactions complexes

Les interactions complexes présentent des défis d’accessibilité pour les utilisateurs de mobiles, de claviers et de lecteurs d’écran. Les accordéons, superpositions, boîtes de dialogues, survol ou animations sont les interactions complexes qu’on retrouve de plus en plus fréquemment sur les sites Web modernes. Comment pouvons-nous les intégrer tout en proposant une interface accessible? Voici quelques pistes de solution.

W3C fournit des implémentations de modèles et des modèles de conception pour de nombreux widgets et interactions :

Lignes directrices générales

Mettre à jour, animer ou déplacer du contenu

  • Éviter que le contenu soit déplacé ou mis à jour automatiquement ou fournissez un moyen de mettre en pause, d’arrêter ou de masquer le mouvement ou les mises à jour.
  • Ne modifiez pas l’agent utilisateur, la fenêtre d’affichage, le focus ou le contenu de la page lorsqu’un élément reçoit le focus ou lorsque vous modifiez la valeur d’un paramètre d’un élément.
  • Le contenu ne doit pas clignoter ou scintiller plus de trois fois par seconde.

Commandes tactiles

  • Le glisser, le balayage, les gestes à plusieurs doigts ou d’autres gestes ne sont pas nécessaires pour effectuer des interactions. Lorsque la possibilité d’utiliser de tels gestes est présente, des alternatives non gestuelles sont également présentes.
  • Les cibles (zones cliquables) doivent mesurer au moins 44 pixels de large et 22 pixels de haut.

Clavier

  • Toutes les fonctionnalités sont utilisables via un clavier seul, sur tous les appareils, y compris les appareils mobiles.
  • Le focus du clavier peut se déplacer vers et depuis des éléments à l’aide du clavier uniquement, en utilisant des techniques clavier conventionnelles (tabulation, touches fléchées, échappement, etc.)
  • Le focus du clavier n’est jamais piégé sur une interface.
  • L’ordre de tabulation pour tous les éléments pouvant être focalisés est intuitif et sensé.
  • Évitez de définir TABINDEX avec une valeur supérieure à 0.
  • Le focus du clavier est toujours sur un élément visible et les styles de focus du clavier sont conçus pour être plus saillants que les paramètres par défaut du navigateur.

Contenu déclenché (survol ou focus clavier)

  • Le contenu déclenché par un survol devrait également pouvoir être déclenché par un clavier.
  • Le contenu déclenché peut être rejeté sans déplacer le focus de la souris ou du clavier.
  • Le contenu déclenché peut être survolé sans disparaître.
  • Le contenu déclenché reste visible jusqu’à ce que le pointeur ou le focus soit déplacé ou que le contenu soit fermé.

.