La sélection du clavier ne doit jamais être verrouillée ni coincée sur un élément de page en particulier. Les utilisateurs doivent pouvoir naviguer vers et depuis tous les éléments de la page en utilisant uniquement le clavier.
Tester manuellement
Pour vérifier que les utilisateurs ne risquent pas de piéger accidentellement le curseur, accédez à tous les éléments de la page et les quittez en n'utilisant que le clavier.
Utilisez TAB
pour avancer et SHIFT + TAB
pour revenir en arrière.
Si vous ne parvenez pas à parcourir tous les éléments de la page avec la touche de tabulation, cela signifie que vous avez échoué au test. Lors des tests, soyez particulièrement attentif aux widgets de saisie semi-automatique, où la sélection au clavier peut être bloquée.
Solutions
Les pages qui présentent du contenu dans plusieurs formats, tels que des boîtes de dialogue modales et des widgets, sont exposées à des pièges de sélection. Dans le cas de l'affichage d'une fenêtre modale, si vous ne souhaitez pas que l'utilisateur interagisse avec le reste de la page, il est logique de le piéger temporairement.
Mais vous devez également vous efforcer de fournir une méthode accessible via le clavier pour échapper le modal. Découvrez cet exemple de création d'une fenêtre modale accessible. Voir également Modales et pièges du clavier. Dans cet exemple, vous obtenez les comportements souhaités d'un modal, sans forcer l'utilisateur à actualiser la page pour sortir du piège de sélection.
Utilité
Pour les utilisateurs qui ne peuvent pas ou choisissent de ne pas utiliser la souris, la navigation au clavier est le principal moyen d'atteindre tous les éléments d'un écran. Pour que votre clavier fonctionne comme prévu, vous devez suivre un ordre de tabulation logique et des styles de mise au point faciles à distinguer. Si un utilisateur de clavier est coincé dans un élément particulier de la page, il n'a aucun moyen d'interagir avec la page.
Pour en savoir plus, consultez Effectuer un examen de l'accessibilité.