Partager

Approfondir

Qualité Web le livre

Livre Qualité Web

Acheter

156 - The site can be navigated in its entirety using only a keyboard.

Thématique
Phase Projet

Objectif
  • To allow keyboard navigation for users with a preference for that practice.
  • To allow content to be accessed and services to be used, regardless of the input device, so as to make them accessible by users of technical aids (screen readers, for example) who only utilize the keyboard or a more specific device based on the same mechanisms as a keyboard (like a push button).
Mise en œuvre

Recourir à des gestionnaires d'événements universels en cas d'interaction basée sur Javascript (par exemple, onclick pour un lien a ou pour un champ ou contrôle de formulaire) ou, à défaut, compléter les gestionnaires d'événements non universels (onmouseover par exemple) par un second gestionnaire permettant l'accès clavier (onfocus par exemple) ou encore fournir un moyen d'accès alternatif.

Fournir des moyens d'accès clavier dans les interfaces recourant à des technologies spécifiques telles que Flash.

Contrôle

Cette vérification s'applique à l'ensemble des éléments interactifs : hyperliens, boutons, champs de formulaires, objets inclus (Flash), widgets Javascript, etc. Le mode d'interaction par défaut est la touche tabulation pour atteindre les liens, les champs et les contrôles, puis la touche entrée pour les activer. Dans certains widgets, un mode d'interaction spécifique peut être présent : barre d'espace pour valider, touches flèches pour se déplacer, touche d'échappement pour fermer ou sortir. Autant que possible dans ce cas, ces touches spécifiques devraient être indiquées à l'utilisateur.

Au sein de chaque page examinée :

  • Vérifier que l'ensemble des interactions, liens, boutons, champs de formulaires, objets inclus (Flash) présents dans les pages sont utilisables au clavier, à l'exception de ceux pour lesquels cela n'aurait pas de sens, comme une fonctionnalité de tracé à la souris.

Ce contrôle peut être associé à celui des bonnes pratiques 58 sur la visibilité du focus clavier et 134 sur l'ordre de navigation clavier. En cas de focus clavier masqué, qui peut rendre ce test particulièrement laborieux, il est possible de forcer sa visibilité à l'aide d'une feuille de style utilisateur du type : *:focus {outline: 1px dotted red !important}.

Découvrez la certification Opquast

Rejoignez la communauté des certifiés Opquast. Plus de 5000 professionnels formés à la qualité Web. Au programme une formation en ligne de 14h, un examen de 1h30, un badge et un score à mettre sur votre cv et votre profil linkedin.

Commander en ligne