1. Accueil
  2. Opquast Website V3
  3. 156 - Le site est intégralement utilisable au…

N°156 - Le site est intégralement utilisable au clavier.

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).

Solution technique

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.

Moyen de controle

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}.

Crée le
9 février 2016

Testez et faites reconnaître vos compétences

Logo Opquast Certfied

Opquast Certified est un test sur 1000 points permettant de vérifier le degré de maîtrise des meilleures pratiques du Web

Découvrir

Retrouvez cette fiche dans « Qualité Web »

Livre Qualité Web

En savoir +

Version numérique offerte pour l’achat de la version papier