Ariada · Open Source · Documentation

Web Demo — interactive scanner playground

A hosted single-page application that lets anyone run a live multi-domain accessibility scan directly from the browser — no install, no account, no data upload.

Package: apps/web-demo Surface / adoption funnel Open source · EUPL-1.2 Free Real build — not a mockup

What this module is

The Ariada web demo is a product surface, not an engine: it is a hosted React / Astro single-page application that wires the open-source @ariada-org/core-engine (via the core-browser WebAssembly adapter) directly in the visitor's browser tab. Enter a URL, choose compliance domains, press Scan, and the full multi-domain report renders client-side — nothing leaves the user's machine.

Is this a design mockup? No. The web demo is a real, deployed Astro application in apps/web-demo. Every screenshot below comes from the automated end-to-end Playwright harness, not from a design tool.
Type
Hosted web application (Astro + React, client-side scan)
Where it lives
apps/web-demo in the monorepo; deployed to ariada.org
What it runs
The six OSS domain analyzers on the URL the visitor enters, executed entirely in the visitor's browser via the core-browser adapter
Status
Built and test-covered; deployment on ariada.org is a pre-launch gap

Who uses it & why

RoleHow they use itValue
Developer / QA engineerQuick live-URL check before a PR or releaseHigh — zero install
Accessibility engineerAudit any public URL across six domains, export JSONHigh
Compliance reviewerVerify a vendor or public-sector site against EAA-scoped rulesMedium-High
Non-technical site ownerOne-click health check with plain plain-language findingsMedium

The web demo is the widest top-of-funnel surface: anyone who reaches the ariada.org homepage can get scan results in under ten seconds without installing anything.

Distribution — free and open source

The web demo and the scan engine it runs are free and open source under the EUPL-1.2 licence. There is no account and no upload to run a single-URL scan across all six compliance domains.

CapabilityAvailability
Single-URL six-domain scan in the browserFree · open source
JSON export of findingsFree · open source
The scan engine, rule packs and EAA evidence emitters (npm)Free · open source
Companion command-line tool for batch scansFree · open source
Everything documented on this page is part of the open toolkit. The project is funded as public-interest open source.

Getting started

  1. Discoverariada.org homepage and npm.
  2. First value — enter a URL, get a six-domain compliance report in seconds, no account required.
  3. Habit — use it for regular pre-release checks; export JSON; add the command-line tool for batches.
  4. Integrate — wire the scan into continuous integration with the companion Action.
Pre-launch gap: public hosting on ariada.org is not yet configured. The application runs locally and in the test harness.

Documentation & help — current state

Docs site
An Astro Starlight site exists at apps/docs; the web-demo needs a guide page covering URL input → domain selection → reading results → exporting JSON.
In-app help
Tooltips per domain column are planned; currently absent.
Recommended form
A 90-second screencast walkthrough embedded on the demo page itself, plus a permissions / privacy note (client-side only, no upload).

AI chat & digital-adoption helpers — plan

Honest status: there is currently no in-product AI-chat or digital-adoption-platform integration. The following is a proposal, not existing work.

Screenshots — click any image to open it full size

From the end-to-end Playwright harness. Each thumbnail opens a full-size, zoomable overlay.

Desktop light mode — URL input bar, six domain toggles, Scan button
1 · Desktop light — scan form
Desktop dark mode — same layout with dark background palette
2 · Desktop dark — scan form
Mobile 375 px viewport — stacked domain toggles, full-width Scan button
3 · Mobile 375 px — scan form
Tablet 768 px — two-column domain grid
4 · Tablet 768 px — domain grid
Result grid showing domain scores in a data table
5 · Result grid — domain scores
Cross-domain interactions panel below the main grid
6 · Cross-domain interactions
Divergence view comparing two scan runs side by side
7 · Divergence — two runs compared
Methodology panel explaining each domain's rule basis
8 · Methodology panel

Assessment summary

Full assessment (2026 best-practice audit, competitor comparison, user pains, recommendations) is in assessment.html. Headline: the demo passes its own axe-core gate and adapts to mobile, dark mode, and reduced-motion preferences. Open gaps: ariada.org hosting not yet live; cross-origin URL scanning limited to public pages.

Full detail in assessment.html.