Skip to main content
hneu.dev
CV · PDF
View CV · PDF

Language

Theme

View options

Keyboard explorer

Explore native controls with Tab, Shift+Tab, Enter, Space and arrow keys. Follow the focus trail without changing the browser’s keyboard behavior.

Real site behavior · No score or compliance claim

Skip keyboard demo
Example preference — use arrow keys
Show an explanation

This native disclosure opens with Enter or Space.

Leave demo

A modal contains focus

Tab stays inside while this dialog is open. Escape or Close returns to the trigger.

Focus trail — last 12 stops

    Demo exit — back to Lab

    In words

    Tab moves forward and Shift+Tab moves back. Use arrows within radio groups, Enter or Space on buttons, and Escape to close the dialog. Only the open modal contains focus; the rest of the demo has a normal exit. Focus is observed with focus events, not by intercepting navigation keys.

    On touch devices without a physical keyboard, use this written guide and the native controls. Optional trail announcements are off by default to avoid duplicate screen-reader speech.

    How it’s built

    Portfolio-owned interaction, semantic tokens, native controls and bounded local state. Demo data is illustrative; no professional outcome metrics are implied.

    Public source links will be added when the portfolio repository is public.

    Back to Lab