Quickstart

Add the INCLUXA accessibility widget to your website in under 60 seconds.

1

Create an account

Sign up at incluxa.com/register and pick a plan. Every plan starts with a 14-day free trial of every Pro feature. A card is required at sign-up, but nothing is charged until the trial ends — your chosen plan bills on day 15, and you can cancel any time before then from Billing.

2

Create an API key

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.

Important
Your API key is shown exactly once at creation. Copy it immediately and store it securely. You cannot retrieve it again — only revoke it and create a new one.

Your key looks like:

text
inc_live_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
3

Add the script tag

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

index.html
<script
  src="https://cdn.angstroma.com/widget-v1e53f7da.js"
  integrity="sha384-HlP32lTm2OI1Il1KqCoQLgaPFlF6jpiSY43JpewsQOOmml95m0VMl4vnQxAP+XMi"
  crossorigin="anonymous"
  data-key="inc_live_YOUR_KEY"
  async
></script>
Note
The attribute is data-key — not data-api-key. Using the wrong attribute name will silently prevent the widget from loading.
4

Verify

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 35 tools.

If the button does not appear, open browser DevTools → Console tab and look for a message starting with [INCLUXA 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
5

Optional: apply a preset

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

index.html
<script
  src="https://cdn.angstroma.com/widget-v1e53f7da.js"
  integrity="sha384-HlP32lTm2OI1Il1KqCoQLgaPFlF6jpiSY43JpewsQOOmml95m0VMl4vnQxAP+XMi"
  crossorigin="anonymous"
  data-key="inc_live_YOUR_KEY"
  data-preset="wcag-2.2-aa"
  async
></script>

Available built-in presets:

wcag-2.2-aaBaseline WCAG 2.2 AA settings
dyslexia-friendlyOpenDyslexic font, increased letter spacing, reading mask
low-visionLarge text, high contrast, cursor enlargement
adhd-focusReduced motion, focus highlights, simplified layout
motor-assistanceLarge targets, keyboard navigation, extended response times
senior-friendlyLarger text, higher contrast, slower animations

What's next