Embeddable toolbar · Free

AccessFlow.

Give every visitor controls for type, contrast, spacing, and motion on your site, not only in their browser extension.

One <script> or npm i @axol-assist/accessflow. Preferences stay in that visitor’s localStorage. No Axol account. No backend. Open the AccessFlow button in the bottom-right corner. That’s the toolbar visitors get.

Visitor controls that ship with your HTML.

Accessibility Surfer helps people adapt any Chrome tab. AccessFlow ships the same class of levers to everyone who lands on your domain, including visitors who will never install an extension. Paste a script into Wix, WordPress, or a React layout; the toolbar appears on every page.

How you ship it

Paste once. Toolbar on every route.

Not a dashboard, not a procurement workflow: a file on your CDN or a package in your app.

1

Pick script or npm

CMS and static sites load accessflow.js from our CDN. React, Next, Vite, Astro, and Remix install @axol-assist/accessflow and import the auto entry.

2

Drop it in the layout

One tag before </body>, or one import in your root layout. No CSS framework required. No API key.

3

Visitors open the panel

The Axol button floats on the page. Font size, OpenDyslexic, contrast, link underlines, reading guide, reduce motion, saved in that browser only.

4

Honest about what it is

AccessFlow helps visitors adapt the page in front of them. It does not replace accessible HTML, labels, or keyboard paths underneath. Sites still owe WCAG work.

Install

Copy a snippet. Ship on the next deploy.

CDN script for any site builder. npm package when you already own the JavaScript bundle.

Any website

HTML, CMS, or site builder, before </body>

HTML
<script src="https://axolassist.com/cdn/accessflow.js"></script>
Common embeds
Wix Squarespace WordPress Webflow Static HTML

React / Next.js & bundlers

Import once in the root layout or app shell

Terminal
npm install @axol-assist/accessflow
JavaScript
import "@axol-assist/accessflow/auto";
Common stacks
React Next.js Vite Astro Remix
Who installs it

Built for people who ship sites.

If you can paste a script or merge one import, you can give visitors on-page text and contrast controls without buying an overlay SaaS seat.

Site owners & CMS editors

Wix, Squarespace, WordPress, Webflow: drop the CDN script in a custom code / footer slot. No React required.

Front-end developers

Add @axol-assist/accessflow next to your other client packages. Auto-init on import, or call boot() when you want explicit control.

Schools, nonprofits & event sites

Public calendars and festival pages where visitors need larger type and contrast today without waiting for a redesign. Live example: Surf Del Mar Festival.

What visitors get

Levers for reading the page you already published.

Open the floating button on this page to try the same panel visitors get after install.

01

Type that scales

Bump text size, widen line and letter spacing, switch to a dyslexia-friendly font, applied to your live DOM, not a separate reader view.

02

Contrast & color filters

Dark mode, high contrast, grayscale, muted, or invert when your brand palette fights the reader’s eyes.

03

Focus, links & motion

Underline links, strengthen focus rings, highlight headings, show a reading guide, reduce motion, or pause animations, including when prefers-reduced-motion is on.

04

Preferences that stick locally

Choices persist in that visitor’s browser. Nothing is sent to Axol for analytics. Leave, come back; settings are still there.

Already running on Surf Del Mar Festival.

The festival site embeds AccessFlow so attendees can grow type, fix contrast, and calm motion without installing anything. Same toolbar, production traffic.

Visit surfdelmarfestival.com

Get in touch

Installing AccessFlow on your stack?

Embed questions, CMS quirks, feature requests, or a page where the toolbar misbehaves. We usually reply within two business days.

Direct axolassist.business@gmail.com

Typically within 2 business days.