Docs · Quickstart

Quickstart

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

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.

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.

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:

inc_live_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

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.incluxa.com/widget.js"
  data-key="inc_live_YOUR_KEY"
  async
></script>

The attribute is data-key — not data-api-key. Using the wrong attribute name will silently prevent the widget from loading.

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

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.incluxa.com/widget.js"
  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