Pratique exemplaire

Saisie avec la souris

  • Lorsque la réception puis la suppression du survol du curseur ou de la cible du clavier déclenchent un contenu supplémentaire pour le rendre visible puis masqué, ce contenu supplémentaire est :
    • Rejetable
    • Survolable
    • Persistant
  • Le contenu pouvant être déclenché par le survol du curseur devrait également pouvoir être déclenché par le positionnement de la cible du clavier.
  • Pour toute fonctionnalité qui se commande par pointage unique, au moins un des énoncés suivants est vrai :
    • Pas d’événement de pression
    • Abandon ou annulation
    • Annulation sur relâchement
    • Obligation
  • Utiliser le comportement par défaut des commandes (p. ex., événement onclick ou mouseup) et éviter d’annuler ce comportement par un déclencheur explicite par événement de pression.

Saisie avec clavier

Cible et ordre de cible

  • Assurer un ordre de tabulation significatif en positionnant le contenu ciblable dans la même séquence que le code sous-jacent.
  • S’assurer que l’ordre de navigation au clavier est logique et intuitif. Habituellement, il faut pour cela s’assurer que la navigation suit le flux visuel de la page, de gauche à droite et de haut en bas. Il passe successivement par la bannière, la navigation principale, la navigation et les commandes des pages, puis le pied de page d’une page type.
  • Éviter d’utiliser des valeurs tabindex supérieures à 0.

Indicateur visuel de la cible

  • Toujours éviter les styles qui éliminent ou limitent la visibilité des indicateurs de cible du clavier.
  • Utiliser CSS pour concevoir un indicateur de cible très visible avec un fort contraste.
  • Les liens doivent avoir un état ciblé visible.

Fonctionnalité du clavier

  • S’assurer que tout le contenu de la page puisse se commander à partir du clavier.
  • Dans la mesure du possible, utiliser des liens et des commandes de formulaire HTML natifs plutôt que des éléments personnalisés.
  • Utiliser l’événement onclick des ancrages et des boutons.
  • Jumeler les gestionnaires d’événement souris et les gestionnaires d’événement clavier.

Piège de clavier

  • S’assurer que l’utilisateur puisse entrer et sortir des éléments interactifs en utilisant uniquement le clavier.

Gestion de cible avec contenu injecté de JavaScript

  • Chaque fois qu’une fenêtre contextuelle apparaît sur la page en réponse à une action de l’utilisateur ou l’invocation d’une commande, s’assurer que l’utilisateur retourner au point de départ de l’interaction.

Saisie tactile

  • 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).
  • 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.
  • Coder des gestionnaires d’événement JavaScript qui se déclenchent à la fois en réaction aux clics de clavier et de souris. Une interface accessible par souris est généralement accessible au toucher.
  • La taille de la cible devrait faire au moins 44px sur 44px (niveau AAA, facultatif).

Saisie vocale

  • Lorsqu’une commande a un nom accessible défini au moyen d’une étiquette ARIA et d’une étiquette visible, le texte de l’étiquette visible doit faire partie de l’étiquette ARIA ou y correspondre.

Commande par le mouvement

  • Si des fonctions sont déclenchées par le mouvement (par exemple, par des secousses), il faut faire en sorte qu’elles se commandent également par des éléments d’interfaces utilisateurs classiques.
  • S’assurer que l’utilisateur puisse désactiver la commande par le mouvement.
Haut de la page