How to Use Keyboard Navigation with OneTap
With OneTap’s keyboard navigation feature, users can navigate your website using only their keyboard — making your site more accessible and inclusive. Here’s a breakdown of how it works and what to expect:
Key
Functionality
Notes
H
Headings
Menus are best recognized if built with <ul> → <li> → <a> or <button> elements.
M
Menus
⚠ May vary depending on structure. Menus are best recognized if built with:
→ <ul> > <li> > <a>
→ or <button> elements
Custom or non-semantic menus might not be detected properly.
↳ Enter
Interact with elements
Built-in browser behavior. Pressing Enter activates focused buttons, links, etc.
F
Forms and search fields
⚠ Might not work smoothly if the search field is hidden behind a click (e.g., a magnifier icon).
G
Images and graphics
OneTap focuses on visible images. If your images are in the background via CSS, they may not be included in the navigation flow.
B
Media (audio/video)
For large numbers of files (like MP3/MP4), navigation might become complex. Use media tags like audio or video properly for best results.
