Documentation
Install GSBKit
Add the widget with one script tag. Configure the color, position, title, and icon when needed.
Quick Start - Any Website
Paste this before the closing </body> tag:
<script src="https://gsbkit.com/widget/gsbkit.js" data-brand="#2563eb" data-position="bottom-left" async> </script>
No accessibility widget can promise legal outcomes. GSBKit helps you improve your accessibility posture the right way: scan your site, document issues, support visitors with accessibility controls, and track remediation over time - so you have a clearer record of good-faith effort if an accessibility complaint or demand letter ever comes.
Navbar or Inline Button
Add an empty target element where the launcher should appear, then point the script at it:
<div id="accessibility-button"></div> <script src="https://gsbkit.com/widget/gsbkit.js" data-position="navbar" data-target="#accessibility-button" async> </script>
Next.js
In app/layout.tsx:
import Script from 'next/script' // inside <body>: <Script src="https://gsbkit.com/widget/gsbkit.js" data-brand="#2563eb" data-position="bottom-left" strategy="lazyOnload" />
WordPress
Go to Appearance - Theme File Editor - footer.php and paste the script tag before </body>. You can also use an insert headers and footers plugin.
Wix and Squarespace
Add the same script through each platform's custom code area, set it to load on every page, and place it before the closing body tag when the platform asks for placement. If your plan does not allow custom JavaScript, use the free scan first and send the snippet to the person who manages your site.
API and GitHub Action
The public scanner endpoint accepts a JSON body with a public URL and returns score, issue count, violations, and the automated-review note.
curl -X POST https://gsbkit.com/api/scan \
-H "Content-Type: application/json" \
-d '{"url":"https://example.com"}'Developer plan automation uses the GSBKit GitHub Action to scan a public URL and post one pull-request comment. The maintained example lives in the changelog and the repository docs under docs/cli-and-github-action.md.
Configuration Attributes
| Attribute | Default | Description |
|---|---|---|
| data-brand | #2563eb | Widget accent color. Use any hex color. |
| data-position | bottom-left | bottom-left, bottom-right, top-left, top-right, middle-left, middle-right, navbar, or inline. |
| data-target | - | CSS selector for navbar/inline mode, for example #accessibility-button. |
| data-title | Accessibility Menu | Panel header text. |
| data-icon | - | Optional custom launcher icon. |
| data-site-id | - | Your site ID for analytics on paid plans. |
Trust Resources
FAQ
Does GSBKit slow down my site?
No. The widget is loaded async and does not block rendering.
Do visitor preferences persist?
Yes. Preferences are saved in the visitor's own browser localStorage.
Does the widget provide legal certification?
No automated tool can promise legal outcomes. GSBKit improves usability and helps your accessibility posture. See our Terms for details.