Partager

Approfondir

Qualité Web le livre

Livre Qualité Web

Acheter

57 - La navigation reste possible sur l'ensemble du site en utilisant exclusivement le clavier.

Thématique
Phase Projet

Objectif

Permettre la navigation au clavier pour les utilisateurs ayant une préférence pour cette pratique.

Permettre la consultation des contenus et l'utilisation des services indépendamment du périphérique d'entrée, afin de les rendre accessibles aux utilisateurs d'aides techniques (lecteurs d'écran par exemple) qui n'utilisent que le clavier ou un périphérique plus spécifique reposant sur les mêmes mécanismes que le clavier (bouton poussoir par exemple).

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