@ariada-org/overlay

A fully abstract in-page overlay for accessibility findings. The engine only resolves findings ({selector, severity, message}) to live element rectangles and keeps them attached on scroll/resize. What is drawn is a pluggable painter — you register your own:

• box — outlined boxes per element (severity-coloured)
• line — connector lines from a side rail to each block
• a mascot — a character that flies element to element; the glyph is a parameter, so Dracula (🧛, draculascan), Thumbelina (🧚), or any future visual is a one-line makeMascotPainter({ glyph }).

import { createOverlay, registerPainter } from '@ariada-org/overlay';
import '@ariada-org/overlay/painters';         // box · line · dracula · thumbelina
const ov = createOverlay(document);
ov.show(findings, 'dracula');                  // by id
ov.focus(2);                                    // fly to the 3rd finding
// drop in anything: registerPainter({ id:'mine', paint(anchors, layer){ ... } })

Works in any page context — a browser-extension content script (live site), a DOM snapshot, or a proxied page. See demo.html.