Accessibility · Free Tool
Focus Order Visualizer
Paste your HTML to see the exact sequence the Tab key follows — and spot where a positive tabindex makes focus jump out of the visual order. Everything runs in your browser.
How it works
The pasted HTML is parsed locally and the browser’s tab-order rules are applied: elements with a positive tabindex come first (in ascending value), then everything naturally focusable in document order. Elements with tabindex="-1" are reachable by script but not by Tab, so they are excluded. When a positive tabindex pulls the order away from the visual/DOM order, those steps are highlighted — that mismatch is a common WCAG 2.4.3 failure.