Element Inspection

Each scanned URL saves an HTML snapshot at scan time. When you click an issue in the report, the Element Inspection view highlights the failing element inside that snapshot so you can see the bug in place.

What you get

• Red outline around the failing element, drawn from its bounding box.
• Zoom controls — step up/down.
• Pan — drag inside the viewport.
• Fit to container — re-center the view on the highlighted element.
• Copy selector — one-click copy of the CSS path to clipboard.

Screenshot (TODO): Snapshot viewer with failing element outlined in red

Why a snapshot, not a live page

The snapshot freezes the exact DOM the scanner evaluated. That matters because:

• Production pages change over time — the snapshot is what the score was computed against.
• Snapshots are viewable without re-fetching or re-authenticating.
• Exports reference the snapshot, so a PDF report stays self-contained.

Interaction flow

1. From the issue list or detail panel, click Open in snapshot.
2. The viewport centers on the failing element with a red outline.
3. Zoom in if the element is small.
4. Use Copy selector to paste the path into your local DevTools if you want to jump to the same element on a live page.

Limitations

• The snapshot captures the DOM at scan time only. It doesn't re-run JS or re-fetch assets.
• For bugs that only appear after interaction, use the Workflow Analyzer, which captures multiple snapshots across a recorded flow.

Related

• Issue details
• Workflow Analyzer