A11Y INTERACTION TRACE

Sample trace / checkout dialog

See where keyboard focus escaped.

The sample trace shows the broken step, nearby control snapshots, and the exported file before you install anything.

TRACE STOPPED00:02.18

Visible page · Checkout settings

Quick edit dialog

Edit project

Focus moved outside → Background help

Nearby control snapshot: selected DOM roles, names, states, and focus. It is not a browser or operating-system accessibility tree.

4 events · ordered

Recorded keyboard path

  1. Recording started

    +0.00 s
    Page Checkout settings · 1280 × 720

  2. Enter

    +0.24 s
    Focus textbox · Project name
    inside dialogrequired:false

  3. Shift + Tab

    +1.42 s
    Focus link · Background help
    outside dialogfocus escaped

  4. Escape

    +2.18 s
    Focus button · Open quick edit
    dialog closed

Export preview

One self-contained HTML trace file

Includes page details, timing, focus, nearby control snapshots, and the scope note above.

Sample trace ready.