Guides pratiques
Tester une interface au clavier avec une grille simple
Une page peut être lisible et rester difficile à utiliser sans souris. Ce test vérifie un parcours observable et fournit des anomalies reproductibles. Il complète les vérifications d’images et de structure ; il ne constitue pas, à lui seul, un audit de conformité complet.
Résultat
À la fin de ce guide, vous saurez
- Décrire un parcours testable sans souris.
- Repérer focus absent, ordre incohérent et pièges de navigation.
- Rédiger des anomalies reproductibles avec leur impact.
Étapes
La méthode pas à pas
Testez sur un navigateur identifié avec les raccourcis habituels du système. N’utilisez pas de données réelles pour les essais de formulaires.
1. Choisir une tâche précise
Décrivez le point de départ et le résultat attendu : trouver un guide, choisir un filtre ou corriger une erreur de formulaire. Notez navigateur, appareil et taille d’affichage. Une inspection visuelle seule ne montre pas comment les actions sont accessibles.
2. Parcourir les commandes
Avancez avec Tab et revenez avec Maj + Tab. Vérifiez que le focus est visible et que son ordre suit le sens du parcours. Le lien d’évitement doit permettre d’atteindre le contenu principal. Notez les actions utiles qui ne peuvent pas être atteintes.
3. Activer les composants
Utilisez Entrée pour les liens et les commandes adaptées au composant natif. Testez les choix, boutons et éléments dépliables. Pour une interface personnalisée, vérifiez que son comportement reste compréhensible et que ses instructions sont accessibles.
4. Ouvrir et fermer les menus
Contrôlez l’état annoncé, la fermeture et le retour du focus au déclencheur lorsque cela correspond au composant. Assurez-vous qu’aucun menu ne piège la navigation. Un panneau masqué ne doit pas laisser des commandes invisibles dans le parcours de tabulation.
5. Examiner filtres et erreurs
Effectuez une recherche sans résultat puis revenez à un résultat disponible. Le nombre et les messages doivent être perceptibles sans déplacement forcé du focus. Dans un formulaire de test, vérifiez association entre champ, étiquette et message d’erreur.
6. Rédiger et retester
Pour chaque anomalie, écrivez les étapes, le résultat attendu, le résultat observé et l’impact sur la tâche. Après correction, reprenez le même parcours. Complétez ensuite par les autres contrôles pertinents : lecteur d’écran, contrastes, agrandissement et structure.
Application
Exemple concret
Demande trop vague
Ce site est-il accessible ?
Demande améliorée
Prépare une grille de test clavier pour rechercher un guide, filtrer les résultats et ouvrir un menu. Colonnes : étapes, résultat attendu, observation, impact et preuve. Ne conclus pas à une conformité générale à partir de ce seul parcours.
La tâche produit des observations reproductibles et garde visible le périmètre du test.
Avant de continuer
Liste de contrôle
Cochez les contrôles réalisés pendant cette visite. Aucun choix n’est enregistré ; une case cochée ne constitue pas une validation automatique.
Le livrable à obtenir et son contrôle
Résultat concret
Un rapport de parcours avec anomalies, étapes de reproduction et contrôles après correction.
Comment décider s’il est utilisable
Une autre personne peut reproduire chaque anomalie et constater la correction dans le même environnement.
Vigilance
Erreurs fréquentes à éviter
Tester seulement avec la souris
Une interaction qui répond au clic peut être inaccessible au clavier.
Supprimer le contour de focus
L’utilisateur doit pouvoir repérer où il agit.
Certifier toute la page avec un seul test
L’accessibilité comprend plusieurs dimensions et technologies d’assistance.
FAQ
Questions fréquentes
Faut-il connaître tous les raccourcis ?
Commencez par les commandes habituelles du navigateur et des composants natifs. Documentez les comportements spécifiques qui doivent être appris.
Un outil automatique suffit-il ?
Il peut repérer certains défauts ; il ne remplace pas l’exécution d’une tâche réelle.
L’IA peut-elle analyser une capture ?
Une capture peut aider à décrire l’interface mais ne prouve pas l’ordre du focus ni l’activation des commandes.
Sources pour approfondir et vérifier
Ces ressources indépendantes aident à retrouver une référence. Leur langue et leur périmètre sont indiqués : une ressource française ne décrit pas nécessairement les règles d’un autre pays. Elles ne sont pas les sources automatiquement consultées pour les réponses générées.
- W3C WAI — Keyboard (WCAG 2.1.1)
Explication du critère WCAG 2.1.1 sur l’utilisation des fonctionnalités au clavier.
Langue: en · Périmètre: International - W3C WAI — Page structure tutorial
Tutoriel sur la hiérarchie des titres, les régions et l’organisation des pages.
Langue: en · Périmètre: International - W3C WAI — Accessibility tutorials
Tutoriels pour comprendre l’accessibilité des images, formulaires, tableaux et structures de page.
Langue: en · Périmètre: International - W3C WAI — Tables tutorial
Tutoriel pour donner des en-têtes, une légende et une structure compréhensible aux tableaux.
Langue: en · Périmètre: International
Contrôle du lien: 2026-10-06 · Ces liens sont des ressources de lecture. Le service de réponses ne les consulte pas automatiquement. Un lien vérifié ne garantit pas l’actualité de chaque document.
Guides