WASD Gaming Keys Kbd for React

For games and 3D or canvas views where the right hand uses the mouse. For interfaces and lists, show the arrow keys. Supporting both is common.

The keys form the same shape on the keyboard, W above and A, S, D below, and the layout makes the mapping to up, left, down and right obvious.

On AZERTY, the same positions are Z, Q, S and D. Read event.code (KeyW, KeyA…) instead of event.key: it names the physical position, so the controls work on any layout. Show the user's own letters if you can.

If your game uses it, add a wide Space cap below the cluster. Keep the other keys, like Shift to run or E to interact, in a separate list so the movement cluster stays readable.

Put the WASD cluster for Move next to a mouse icon for Look, with labels under each. People read the controls as two hands.

Screen readers read the letters, so add Move after the cluster for context. Let players remap movement keys: some can't use WASD comfortably.