SiteAccessible
Documentation

Quickstart

Get the widget live on a site in about two minutes.

3 min readUpdated

Installing SiteAccessible is a single script tag. Everything else — which adjustments to show, what the button looks like, which languages to offer — is configured from the dashboard and takes effect without a redeploy.

1. Create a site

Sign in, open Sites and choose Add site. You are asked for a display name and the domain the widget will run on. Saving the form generates a site key: a 20-character public identifier that appears in your snippet URL.

2. Add the snippet

Paste the tag into your <head>, or anywhere before the closing </body>. The defer attribute keeps it from blocking rendering.

index.html
<script
  src="https://siteaccessible.com/w/YOUR_SITE_KEY.js"
  defer
  crossorigin="anonymous"
></script>

3. Verify

Load your site. The accessibility button appears in the corner you configured. Back in the dashboard, the site badge switches from Pending to Verified within a minute of the first load.

  • No button? Check the browser console for a blocked request — a strict Content-Security-Policy is the usual cause. See the CSP guide.
  • Button in the wrong place? Position, offset and size are per-site settings under Widget settings.
  • Wrong language? The widget follows the visitor's browser language when it matches one you enabled, and falls back to the site default otherwise.

Next steps

  • Configure which adjustments to expose and how the button looks.
  • Publish an accessibility statement from the generated template.
  • Read what the widget does and does not cover before you make a compliance claim.