Live Accessibility Playground

Prototype HTML and SVG, then scan it with Sa11y in real time.

Write markup on the left, watch it render on the right, and let Sa11y rescan each refresh. External stylesheet links are preserved, while user-supplied scripts are blocked for a safer preview environment.

Responsive split layout 300ms debounced preview Inline SVG supported

HTML / SVG Editor

Paste a full document or a fragment. CSS links in the markup are applied to the preview.

Dark editing surface
Ready.

Live Preview

The iframe is rebuilt from sanitized markup and Sa11y is injected after each refresh.

Light preview surface
Waiting for input…
Transmission CO2 estimate: — (SWD model, HTML bytes only)
— — —