Accessibility

Tab Order Visualizer

Paste HTML and instantly see every focusable element in the exact order the Tab key will reach it — including positive tabindex jumps, radio groups, disabled controls and hidden subtrees. Runs entirely in your browser.

Runs in your browser v1.0.0

HTML source

inert sandbox

Parsed in an inert sandbox: scripts, event handlers and embedded frames never run.

Tab order

0 tab stops 0 skipped 0 issues
Not in tab order (0)
Potential issues (0)

How it works

Your HTML is parsed with the browser’s own DOMParser into an inert document, then walked in document order. Natively focusable elements (a[href], button, form controls, [tabindex], contenteditable) are collected, then sorted by the real rules browsers use: positive tabindex first (lowest wins), then everything else in document order. Disabled controls, hidden or inert subtrees and tabindex="-1" elements are reported separately, and each radio group contributes only its single Tab stop. Nothing is sent anywhere.