Keyboard-only navigation
live
This is an experiment in driving an interface with no mouse at all. Inside the stage below the cursor is hidden on purpose
(cursor: none) and pointer events are switched off, so
there's nothing to point and click with — the only way around is the
keyboard. It's a small way to feel how the web works for people who
navigate this way every day, whether by preference or necessity, and a
reminder that everything should be reachable without a pointer.
How to play: the bright ring is your position. Use the arrow keys to move it between the nearest fields, images and the video, Enter to activate whatever it's on (type in a field, toggle an option, zoom an image, play the video), and Esc to leave a field you're typing in. Tab / Shift+Tab step through everything in order. The line at the top of the stage always tells you what's focused.
How to play: you're on a touch screen, which has no arrow keys — so here the keyboard-only rule is relaxed and the cursor comes back. Just tap any field, button, image or the video to use it directly. The line at the top of the stage still names whatever you last touched.
Some media
An old-school terminal UI
A different flavour of the same idea. This is a recreation of a whiptail/dialog text UI in the style of raspi-config — the very basic blue-and-grey configuration tool you get on a fresh
Raspberry Pi. No mouse, no rounded corners, no gradients: just a grey box
on a blue screen drawn in a monospace font. Tools like this have always
been keyboard-only, which makes it a natural fit here.
How to play: ↑/↓ move the highlight
bar through the menu, Tab jumps to the <Select>/<Finish> buttons (then ←/→ move between
them), Enter chooses, and Esc backs out of a screen.
Whichever example is in view is the one the keyboard is driving.
How to play: on a touch screen this becomes tap-driven —
tap a menu row to choose it (rows marked ▸ open
another screen), and tap a <button> at the bottom (like
<Select> or <Back>) to activate it.