<!-- Markdown version of https://ocxly.com/focus-order-visualizer.html · auto-generated, may lag the live page -->

# Focus Order Visualizer

Paste HTML to see the exact order the Tab key moves through your page, step by step, with problem steps highlighted. Runs entirely in your browser.

### How it works

The 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 focus away from the visual/DOM order, those steps are highlighted — that mismatch is a common WCAG 2.4.3 (Focus Order) failure. A clean page reports that focus follows natural document order.

---
*Source: [ocxly.com/focus-order-visualizer.html](https://ocxly.com/focus-order-visualizer.html) — OCXLY, free 100% client-side privacy-first tools. Free focus order visualizer — see the keyboard tab sequence of your HTML and catch positive-tabindex jumps, entirely in your browser.*
