La sélection au clavier ne doit jamais être verrouillée ni bloquée sur un élément particulier de la page. Les utilisateurs doivent pouvoir naviguer vers et depuis tous les éléments de la page à l'aide du clavier uniquement.
Effectuer un test manuel
Pour vérifier que vos utilisateurs ne peuvent pas piéger accidentellement leur focus, accédez à tous les éléments de la page et quittez-les à l'aide du clavier uniquement. Utilisez la touche TAB pour avancer et MAJ+TAB pour revenir en arrière.
Si vous ne parvenez pas à faire défiler tous les éléments de la page à l'aide de la touche Tabulation, la navigation au clavier ne fonctionne pas correctement. Faites attention aux widgets de saisie semi-automatique, car le focus du clavier peut se bloquer.
En savoir plus sur les tests d'accessibilité manuels
Solution
Les pages qui présentent du contenu dans plusieurs formats, tels que les boîtes de dialogue modales et les widgets, présentent un risque de piégeage.
Si une fenêtre modale nécessite une interaction et que vous souhaitez empêcher l'utilisateur d'interagir avec le reste de la page jusqu'à ce que la confirmation soit confirmée, ce n'est qu'à ce moment que vous pouvez envisager de piéger temporairement l'utilisateur. Toutefois, vous devez envisager de fournir une méthode d'échappement de la fenêtre modale accessible via le clavier.
Voici un exemple de création d'une fenêtre modale accessible. Dans cet exemple, vous obtenez les comportements souhaités d'une fenêtre modale, sans forcer l'utilisateur à actualiser la page pour sortir du piège du focus.
Nous vous recommandons également de lire Fenêtres modales et pièges de clavier.
Utilité
Pour les utilisateurs qui ne peuvent pas ou choisissent de ne pas utiliser de souris, la navigation au clavier est le principal moyen d'accéder à tout ce qui se trouve à l'écran. Une bonne expérience au clavier dépend d'un ordre de tabulation logique et de styles de focus visibles. Si un utilisateur de clavier est bloqué dans un élément de page particulier, il ne peut pas interagir avec la page.
En savoir plus sur les tests avec la technologie d'assistance