Créez une entrée claire pour jouer
Utilisez un vrai bouton ou une autre commande focalisable pour démarrer le jeu, puis déplacez le focus sur la surface du jeu uniquement lorsque cette action est délibérée. Si un canevas nécessite une saisie au clavier, attribuez à son conteneur un comportement de focus raisonnable et un indicateur visible. Évitez de capturer les clés globalement avant que le joueur n'entre en jeu ; cela peut empêcher la navigation et la saisie normales des pages.
Lorsqu'un panneau de paramètres ou un menu de pause s'ouvre, déplacez le focus vers l'intérieur et maintenez la navigation jusqu'à ce qu'il se ferme. À la fermeture, remettez le focus sur le contrôle qui a ouvert le menu s'il existe toujours. MDN documente HTMLElement.focus et son rôle dans la direction des événements clavier.
Tester les transitions de focus
Naviguez de la page dans le jeu en utilisant uniquement Tab et Entrée, ouvrez un menu, parcourez ses commandes, fermez-le et confirmez les retours de focus. Assurez-vous que le style de mise au point visible n'est pas masqué par les effets visuels du jeu. Si le jeu utilise des raccourcis clavier, assurez-vous qu'ils ne se déclenchent pas lorsque le focus est sur une saisie de texte où un joueur peut taper.
Naviguez dans le jeu en utilisant Tab et Entrée, ouvrez et fermez un menu et confirmez les retours de focus. Vérifiez le style de focus visible et empêchez les raccourcis de jeu de se déclencher dans les entrées de texte. Effacer l’état de la touche maintenue lorsque le focus quitte afin que le mouvement ne reste pas actif.
Questions sur gestion du focus dans le jeu
Un jeu doit-il écouter les clés sur l’ensemble du document ?
Uniquement si le joueur est entré intentionnellement dans le jeu et que le gestionnaire évite les contrôles modifiables et les interactions de page sans rapport. Une surface de jeu ciblée donne une limite d'entrée plus claire.
Où placer le focus à la fermeture d’un menu de jeu ?
Renvoyez-le au contrôle qui a ouvert le menu lorsque ce contrôle existe toujours. Cela donne aux utilisateurs du clavier un point de suite prévisible.
Pour aller plus loin
Vous avez repéré une information dépassée ? Signaler une correction