Accessibility / Forms / Focus Path Recorder Bookmarklet

The Focus Path Recorder bookmarklet records Tab key navigation through the page and generates a downloadable report. Records each Tab press, capturing the timestamp, element tag name, and accessible name (aria-label, ID, name, alt, or text content), and when Esc is pressed, downloads a text file named "focus-path.txt" with the complete navigation history. Useful for documenting focus order issues and verifying logical tab flow.

javascript:%21function()%7B%22use%20strict%22%3Btry%7Bconst%20e%3D%5B%5D%3Bfunction%20t(e)%7Breturn%20e.getAttribute(%22aria-label%22)%7C%7Ce.id%7C%7Ce.name%7C%7Ce.alt%7C%7Ce.innerText%3F.slice(0%2C40)%7C%7Ce.tagName%7Dfunction%20n(a)%7Bif(%22Tab%22%3D%3D%3Da.key)%7Bconst%20n%3Ddocument.activeElement%3Be.push(%7Btime%3A(new%20Date).toISOString()%2Cel%3An.tagName.toLowerCase()%2Clabel%3At(n)%7D)%7Delse%20if(%22Escape%22%3D%3D%3Da.key)%7Bdocument.removeEventListener(%22keydown%22%2Cn%2C%210)%3Bconst%20t%3De.map(e%3D%3E%60%24%7Be.time%7D%20%20%24%7Be.el%7D%20%20%24%7Be.label%7D%60).join(%22%5Cn%22)%2Ca%3Dnew%20Blob(%5Bt%7C%7C%22No%20events%20recorded%22%5D%2C%7Btype%3A%22text%2Fplain%22%7D)%2Co%3DURL.createObjectURL(a)%2Cr%3Ddocument.createElement(%22a%22)%3Br.href%3Do%2Cr.download%3D%22focus-path.txt%22%2Cr.click()%2CsetTimeout(()%3D%3EURL.revokeObjectURL(o)%2C1e3)%2Calert(%22Saved%20focus-path.txt%22)%7D%7Dalert(%22Recording%20Tab%20navigation.%20Press%20Esc%20to%20save.%22)%2Cdocument.addEventListener(%22keydown%22%2Cn%2C%210)%2Cconsole.log(%22%5CnSource%3A%20https%3A%2F%2Fgithub.com%2Falejandrogiga98%2FA11y-Bookmarklets%5CnBookmarklet%20name%3A%20Focus%20path%20recorder%5CnAuthor%3A%20alejandrogiga98%5CnLicense%3A%20MIT%20License%5Cn%22)%7Dcatch(a)%7Balert(%22Bookmarklet%20Error%3A%20%22%2Ba.message)%7D%7D()%3B