City budget report (PDF)
KPI strip, budget bars, and allocation table.
KPIBar ChartTable
available
Interactive integration demo
Live Example: Normal vs Accessible Document View
Use the floating Accessibility View button in the lower-right corner. In accessible mode, this page calls real backend APIs for resolve, request, and event capture.
Demo document portal
These links simulate the documents your visitors see on a public site.
ADA transition plan (PDF)
Transition timeline with milestone table and annotation.
TimelineTableHandwritten
available
Emergency alerting policy (PDF)
Response timeline, channel form block, and standards table.
TimelineFormTable
available
Transit stop upgrade report (PDF)
Trend line, route schematic, and corridor completion table.
Line ChartMapTable
available
HR digital handbook update (PDF)
Redline-style revision block with form and tracker table.
RedlineFormTable
processing
Utility billing notice template (PDF)
Billing form layout with missing accessible mapping.
FormTableHandwritten
missing
Expected behavior
Follow this sequence to validate the demo flow and backend integrations.
1
Open source PDF
Always opens the raw PDF directly, outside widget remapping.
2
Switch to Accessible view
Use the top widget toggle to move from PDF behavior to accessible behavior.
3
Try widget flow on available
Loads the mapped accessible HTML output for this source document.
4
Test processing or missing
Shows processing status or request flow when an accessible output is not ready.
Event telemetry
Every switch and click emits `docaccessible_*` events to `window.dataLayer`, and server-side events are recorded through `/api/embed/events`.
docaccessible_dialog_open
docaccessible_switch_accessible
docaccessible_accessible_link_viewed_in_dialog
Backend domain key
Used by `/api/embed/resolve`, `/api/embed/request`, and `/api/embed/events` for demo routing.
docaccessible-live-demo
Related reading
Continue with connected guides and operational references.