Skip to main content

Focus Order Visualiser

v1.1.0

Visualise the keyboard focus traversal order on any page.

Visualises keyboard focus order on a webpage by overlaying a numbered sequence on all focusable elements, helping you identify skip links, missing tab stops, and non-sequential focus flow.

How to use
  • →Enter a URL or paste HTML into the input to render the focus-order overlay.
  • →Review the numbered badges — any gap in the sequence indicates a missing or unreachable focusable element.
  • →Check whether the focus order follows the visual reading order from top-left to bottom-right.
  • →Export the annotated screenshot for inclusion in your accessibility audit report.