Focus Order Viewer
Paste HTML and get a numbered list of focusable elements in their natural tab order.
100% client-side · no upload
How to use
- Paste an HTML snippet into the input area.
- Click Analyze focus order to extract all focusable elements in their natural tab order.
- Review the numbered list for elements that appear in an unexpected order or are missing entirely.
Related tools
More ways to use this tool
Frequently Asked Questions
- Is this focus order viewer free?
- Yes, completely free with no signup and no usage limits.
- Does my data leave my device?
- No. All processing runs entirely in your browser. Nothing is sent to any server.
- Does it work on mobile?
- Yes. Works on iPhone Safari and Android Chrome without installing any app.
- What elements are considered focusable?
- By default: links with an href, enabled buttons, enabled inputs (except hidden), enabled selects and textareas, and any element with a non-negative tabindex. Elements with tabindex="-1" are excluded because they are only focusable programmatically, not via the Tab key.
Last updated: By jarvisbox