Quickstart

Sign up at angstroma.com/register. The 14-day free trial includes the full widget — no credit card required.

In the portal, go to API Keys in the left sidebar and click Create API key. Give it a name (e.g. "Production Website") and copy the key — it is shown once only.

Your key looks like:

ang_live_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Paste this snippet before the closing </body> tag on every page of your website. Replace YOUR_API_KEY with the key from Step 2.

<script
  src="https://cdn.angstroma.com/widget.js"
  data-key="ang_live_YOUR_KEY"
  async
></script>

Open your website in a browser. You should see a circular floating button in the bottom-right corner. Click it — the accessibility panel opens with 83 tools.

If the button does not appear, open browser DevTools → Console tab and look for a message starting with [Angstroma A11y]. Common causes:

• No script tag with data-key found — the attribute name is wrong or missing
• data-key attribute is required — the key value is empty
• HTTP 401 in the Network tab — the API key is invalid or revoked
• HTTP 403 in the Network tab — the API key is inactive

Add data-preset to pre-apply an accessibility preset for first-time visitors before they choose their own settings.

<script
  src="https://cdn.angstroma.com/widget.js"
  data-key="ang_live_YOUR_KEY"
  data-preset="wcag-2.2-aa"
  async
></script>

Available built-in presets:

What's next

• Next.js install guide — using the Next.js Script component
• WordPress install guide — plugin or functions.php
• JavaScript SDK — programmatic control with React hooks
• REST API — automate WCAG scans and compliance reports