WebAble
WebAble Widget

Add WebAble to your site in 60 seconds.

One script tag. 20+ real accessibility tools. Zero changes to your code, no account, no email. It's free and open source: self-host it, or let us serve it. Your visitors get genuine controls (contrast, reading mode, text size, motion off, and more) the moment the tag loads.

Visitor tools

Real tools for real visitors.

The same 20+ controls from the WebAble extension, tested daily by people who need them. Not a compliance badge. Not a script that marks everything “accessible” and calls it done.

Vision

High contrast, color blindness filters, adjustable text size, and reading mode that strips visual noise.

Reading

Dyslexia-friendly font, letter spacing, read-aloud, and the option to hide distracting images.

Motor

Larger click targets, sticky element removal, keyboard focus indicators, and pinned tooltips.

Cognitive

Focus mode strips sidebars, ads, and autoplay. Stop animations with one toggle. No overwhelm.

Privacy

Cookie banner killer and popup remover for distraction-free reading. No tracking added.

Page understanding

Optional AI-powered Q&A about the page and auto-generated alt text for images without descriptions.

What site owners get

Install once. Help everyone.

One script tag is all it takes. No account, no email, no dashboard to set up first. WebAble Widget injects a floating launcher that your visitors control, with no modifications to your markup and no accessibility debt transferred to your team.

1 tagto install
20+tools
0accounts, emails, or code changes

Real tools

Useful controls your visitors can actually operate, not a script that marks elements accessible and moves on.

Analytics dashboard

See which tools your visitors reach for most. Aggregated and anonymized: insight, not surveillance.

Custom branding

Match the launcher to your brand palette. Optional white-label support removes WebAble attribution entirely.

index.html
<!-- Add before </body> -->
<script src="https://webable.cc/widget.js" data-webable defer></script>
No npmNo build stepNo accountNo data-site-id

That's the whole thing. Open source, or copy the /widget/ folder and self-host it.

Make it yours

Brand it, scope it, or wire it to your own button.

The default tag works with zero config. When you want more, every option is a data-webable-* attribute on the same tag, no build step, no dashboard. Power users can hide the launcher entirely and drive the panel from their own UI with the window.WebAble API.

Branded + scoped
<script src="https://webable.cc/widget.js"
        data-webable-color="#2F80FF"
        data-webable-position="bottom-left"
        data-webable-tools="fontSize,readableFont,highContrast,invertColors,bigCursor,highlightFocus"
        async></script>
  • data-webable-colorAny #hex accent for the launcher and panel
  • data-webable-themeauto · light · dark
  • data-webable-positionbottom-right · bottom-left · top-right · top-left
  • data-webable-nameWhite-label the panel title
  • data-webable-toolsComma-separated tool IDs (show only these)
  • data-webable-profilesfalse to hide the one-click profiles
  • data-webable-hide-launcherHide the button; open via the JS API
  • data-webable-attributionfalse to remove the WebAble label (white-label)
  • data-webable-statementURL of your accessibility statement
  • data-webable-aioff to hide the optional AI section
Full config reference: EMBED.md →
Wire it to your own menu
<button onclick="WebAble.open()">Accessibility</button>

<script src="https://webable.cc/widget.js"
        data-webable-hide-launcher="true" async></script>

Combine data-webable-hide-launcher with the window.WebAble API: open(), close(), toggle(), apply(), applyProfile(), reset().

Mark a version in production

Append a version query so a refresh is a deliberate, one-character bump and you can see which release a site runs. For immutable pinning, self-host a versioned copy.

<script src="https://webable.cc/widget.js?v=2.0.0" async></script>
The shift

Not an overlay.

Overlays promise accessibility compliance from a single script. That promise is false, and the lawsuits prove it. WebAble Widget is something different.

Patches visible symptoms, leaves broken code in place
Gives visitors real controls so they decide what helps them
Auto-relabels elements with AI guesses, often wrong
No changes to your DOM: your markup stays exactly as-is
Sued repeatedly for false compliance claims
Honest about what it is: a toolkit, not a legal shield
Slows page load, sometimes breaks layout
Deferred script, loads async, zero render-blocking
Expensive, often $1,000+/year with audit lock-in
Free tier available, with paid plans starting at $49/mo

“Accessibility isn't a checkbox. It's a set of real tools for real people. The widget gives you a way to ship those tools without rebuilding your site.”

WebAble team

Pricing

Free. Open source. No catch.

The widget is the equivalent of the free browser extension, so it is priced like one: it is not. No tiers, no visitor caps, no “contact sales” to switch on the basics. The only things that ever cost money are real infrastructure and real human time, and we are upfront about both.

Free for every visitor, on every site

The widget is the WebAble extension, packaged as a script tag. Same tools, same code. No per-seat fee, no visitor meter, no paywalled accessibility. Charging people to make the web usable is the thing we are against.

Open source. Self-host in a minute

The /widget/ folder is just static files: one loader, one stylesheet, one script. Drop them on your own CDN or server, point the tag at your copy, and it costs you nothing and us nothing. You own the whole pipeline.

Or let us serve it, at cost

Would rather not host it? Load it from webable.cc and we keep it updated. Bandwidth is not free, so the rare very-high-traffic site that wants us to carry it can chip in for infrastructure, at cost, no margin. Most sites never come close.

Need more than the tools?

A managed analytics dashboard, custom launcher branding or full white-label, a VPAT, or a hand wiring it into a complex stack. Those take real time and infra, so they are paid and scoped to what you actually need. Everything a visitor touches stays free.

Talk to us →

Free core, forever · Open source · Self-host or hosted · Infra billed at cost, never for profit

Ship it today.

Paste one line before your closing </body> tag and your site is instantly more usable for visitors with vision, reading, motor, and cognitive differences. No account. No email. No sales call.

<script src="https://webable.cc/widget.js" async></script>
Free foreverNo accountOpen sourceSelf-host or let us serve it