DocTool

One script tag adds accessibility icons next to every PDF link on your site. Constituents can view accessible versions or request them instantly.

Case Study

Palm Beach TPA — Vision 2050 Long Range Transportation Plan

A 60-page transportation plan with complex tables, charts, and maps — converted to a fully accessible HTML version by OctoComply. When the DocTool is installed, constituents see a clear “View Accessible Version” button and can open the HTML version instantly.

How it looks on the agency's website

The DocTool adds a button next to every PDF link. Remediated documents get a filled button; others get an outlined action:

PBTPA LRTP Vision 2050 (Spreads)Remediated by OctoComply — accessible HTML version
Turnpike Work Program Summary 2025Original PDF passed accessibility scan — already compliant
TIP FY 2025–2029 Priority ProjectsNot yet remediated — accommodation request available

Green pill with checkmark = accessible version available (remediated HTML or scan-verified PDF), opens immediately. Outlined pill with figure = not yet remediated, opens accommodation request form. Four color variants available (green, navy, dark, ghost) to match any agency brand.

Detects PDF links

The DocTool scans the page for same-origin PDF links and adds an accessibility icon next to each one.

Checks for accessible versions

When clicked, it checks whether OctoComply has an accessible HTML version of the document.

Request or view

If available, opens the accessible version. If not, shows a simple accommodation request form.

Installation

Add this single script tag before the closing </body> tag:

<script
  src="https://cdn.civiccomply.com/widget/civiccomply-doc-widget.js"
  data-site-key="YOUR_SITE_KEY"
  data-mirror-prefix="/civiccomply">
</script>

Icon style

data-icon-style

badge | pill | minimal

Color variant

data-button-variant

green | navy | dark | ghost

Modal theme

data-theme

light | dark

Get your site key free Customization guide

No credit card required. DocTool is free forever.