12.2. Garantir le fonctionnement de l’interface à la souris et au clavier
Toutes les interactions réalisables à la souris doivent également être possibles au clavier (et inversement).
En d’autres termes, chaque fois qu’il est possible d’interagir avec un composant à la souris, celui-ci doit également être atteignable et fonctionnel au clavier.
C’est par exemple le cas lors de l’affichage/masquage :
- D’un sous-menu.
- D’une fenêtre modale.
- D’une infobulle personnalisée.
Attention
Que la navigation clavier s’effectue en avant ou en arrière, la page ne doit contenir aucun piège au clavier.
C’est-à-dire que le focus clavier ne doit jamais :
- Être bloqué sur un élément sans possibilité d’en sortir.
- Boucler dans une zone de la page sans possibilité d’en sortir.
Remarque
Veiller à ce que les interactions à la souris et au clavier fonctionnent également au toucher (et inversement).
2 commentaires
-
Ce commentaire a été publié sur une ancienne version des notices AcceDe Web. Il se peut que son contenu ne soit plus d'actualité.
Bonjour,
Il me semble qu’il y a une erreur dans le texte suivant, rubrique « Attention » :
« Par exemple, pour déclencher une action à la perte de focus clavier sur un élément… »Remplacer « perte » par « prise », non ?
-
Ce commentaire a été publié sur une ancienne version des notices AcceDe Web. Il se peut que son contenu ne soit plus d'actualité.
Bonjour Claire,
Il s’agit ici d’un exemple, et c’est bien « perte de focus » qu’il faut lire.
Imaginons qu’en JavaScript, on doive vérifier l’exactitude d’une saisie lorsque l’utilisateur quitte un champ (donc lorsqu’il perd le focus).
Ici, dans cette fiche, on souhaite préciser qu’il est préférable de lancer la vérification avec l’événement génériqueonblur(perte de focus) plutôt que la pression sur la touche Tab.En effet, l’utilisateur peut tout à fait quitter un champ sans presser Tab (pour passer d’un champ à un autre : certains navigateurs permettent l’utilisation des flèches directionnelles, les utilisateurs de lecteur d’écran le feront à l’aide de différents raccourcis clavier, etc.).
Sébastien.
-
Ajouter un commentaire
Mises à jour
- 19/10/2020
- Ajout d’un encart concernant la notion de « piège au clavier ».