Tab Order Visualizer

See your website the way keyboard users experience it. Millions of people browse without a mouse, including people with motor disabilities, screen reader users and anyone who prefers the keyboard. When the keyboard path through a page is broken, they get stuck, lost, or can't reach a button at all. These problems are hard to spot, because the path focus takes is invisible. Tab Order Visualizer makes it visible. Every element you can reach with the Tab key gets a numbered marker, and lines show where focus goes next. Problems stand out in seconds. WHAT IT FINDS - Focus that jumps backwards or across the page - Elements you can focus but can't see, such as closed menus, off-screen slides and invisible links - Buttons and links that look clickable but can't be reached with Tab - Elements with no visible focus outline - Focusable elements hidden from screen readers with aria-hidden Each finding is linked to the WCAG success criterion it relates to. HOW TO USE IT - Click the toolbar icon, or press Alt+Shift+T, on any page - Press P to play the path with real focus and watch what a keyboard user sees - Click any finding to jump straight to that element - Press D to download a report: HTML to read or print, CSV for Excel or Jira, or Markdown for GitHub. Every row includes a CSS selector that finds the element - Press R to re-scan after the page changes, and Esc to close WHO IT'S FOR Designers, developers, QA testers, accessibility specialists, and anyone who wants their website to work for everyone. PRIVATE BY DESIGN - Runs only on the tab where you start it, and only when you ask - Collects nothing and sends nothing. No accounts, no tracking, no analytics - Leaves the page exactly as it found it when you close it A NOTE ON RESULTS This is a testing aid. It shows you where to look, so you can judge the path yourself. It doesn't certify conformance with WCAG, the ADA or any other standard or law. Always confirm findings with a keyboard. Not affiliated with W3C. WHY I BUILT IT I've worked in web accessibility for more than 20 years. Keyboard problems are some of the most common barriers I see, and some of the easiest to fix once you can see them. I made this free so more teams can find and fix them. Free and open source (MIT License). Made by Ashok Kumar Yadav.