Mostrar dónde irá la entrada del teclado

Crea una entrada clara para jugar.

Utilice un botón real u otro control enfocable para iniciar el juego, luego mueva el foco a la superficie del juego solo cuando esa acción sea deliberada. Si un lienzo necesita entrada de teclado, proporcione a su contenedor un comportamiento de enfoque sensible y un indicador visible. Evite capturar teclas de forma global antes de que el jugador entre en juego; que puede impedir la navegación y escritura normal de la página.

Cuando se abre un panel de configuración o un menú de pausa, mueva el foco hacia adentro y mantenga la navegación allí hasta que se cierre. Al cerrar, regrese el foco a su abridor si aún existe. MDN documenta HTMLElement.focus y su función en la dirección de eventos de teclado.

Transiciones de enfoque de prueba

Navega desde la página al juego usando solo Tab y Enter, abre un menú, muévete por sus controles, ciérralo y confirma que vuelve el foco. Asegúrate de que el estilo de enfoque visible no quede oculto por los efectos visuales del juego. Si el juego utiliza atajos de teclado, asegúrese de que no se activen mientras el foco esté en una entrada de texto donde un jugador pueda escribir.

Navega hacia el juego usando Tab y Enter, abre y cierra un menú y confirma que vuelve el foco. Verifique el estilo de enfoque visible y evite que se activen atajos de juegos en las entradas de texto. Borre el estado de las teclas mantenidas cuando el foco se retira para que el movimiento no permanezca activo.

Preguntas sobre ⁨gestión del foco del juego⁩