Accessibility widget
One line of code. Tools for every visitor.
<script src="https://accessibility.octopi-digital.com/widget.js" defer>1 line- Works on any website
- No cookies
- About 20 KB
What's in the panel
What can visitors change?
Three groups of tools. Each visitor turns on only what helps them, and their choices stay on as they browse.
Text
7 toolsMake words bigger, clearer and easier to follow.
- Text sizeMake all text larger in three steps, without zooming the whole page.
- Line heightAdd space between lines so paragraphs are easier to follow.
- Letter spacingSpread out letters and words so they are easier to tell apart.
- Readable fontSwitch the page to a plain, highly legible font.
- Highlight linksMake every link stand out with a bright, underlined highlight.
- Text alignLine text up on the left, center or right.
- Text magnifierPoint at any text to see it large in a box.
Color
4 toolsChange contrast and color to suit how each person sees.
- ContrastChoose dark, light or inverted colors for stronger contrast.
- Smart contrastFix only the text that is hard to read, keeping the design.
- SaturationLower, raise or remove color to suit how you see it.
- Color blindnessAdjust colors for red-, green- or blue-weak vision.
Reading and navigation
12 toolsFind your way around, keep your place and cut distractions.
- Page structureSee every heading on the page and jump straight to one.
- Useful linksSee all links in one list and pick where to go.
- Read aloudClick any text to hear it read out loud.
- Reading guideA guide bar follows the pointer to help you keep your place.
- Reading maskDim the page except the lines you are reading.
- Image descriptionsSee an image's text description when you point at it.
- Keyboard shortcutsJump between headings, links, buttons and fields with single keys.
- Big cursorA larger mouse pointer that is easy to spot.
- Focus outlineA bold outline shows where keyboard focus is.
- Stop animationsPause motion and animation that distracts or causes discomfort.
- Mute soundsSilence audio and video playing on the page.
- Hide imagesHide pictures to cut down on distractions.
Profiles
Can visitors turn on several tools at once?
Yes. Six profiles switch on a set of tools for a common need in one click.
Seizure safe
Stops animations and softens strong colors.
Turns on
- Stop animations
- Saturation
Low vision
Larger text, clearer contrast and a big cursor.
Turns on
- Text size
- Line height
- Smart contrast
- Highlight links
- Big cursor
ADHD friendly
Stops motion and dims everything but the lines you read.
Turns on
- Stop animations
- Reading mask
- Saturation
Dyslexia
A readable font, more spacing and a reading guide.
Turns on
- Readable font
- Letter spacing
- Line height
- Reading guide
Cognitive
A plain font, clear links and a calmer page.
Turns on
- Readable font
- Highlight links
- Stop animations
- Reading guide
Keyboard & motor
Keyboard shortcuts, a strong focus outline and a big cursor.
Turns on
- Keyboard shortcuts
- Focus outline
- Big cursor
- Stop animations
For site owners
What can you control as the site owner?
Everything is set from your dashboard. No code changes after the first install.
Make it match your site
Pick the button color, put it on the left or right, and choose which tools appear.
Try a color
Corner
Hear from your visitors
Visitors can report a problem from the panel. Each report lands in your dashboard with the page and the tools they had on.
Every report includes
- The page
- Tools they had on
- Email, if they add it
Speaks their language
The panel follows your page or the visitor's browser language, and visitors can switch it any time.
Try a language
Choose the tools
Show every tool, or only the ones that fit your site. Changes apply to every page at once.
Usage at a glance
See how often the widget loads on each site in the last 30 days, without tracking anyone.
Locked to your domain
Your code only works on the domain you registered (and its www version), so nobody can reuse it.
Under the hood
Will it slow down or break my site?
No. The widget is built to run on sites we don't control. It stays small, keeps to itself and changes nothing until a visitor turns a tool on.
No cookies, no tracking
Visitor settings stay in their own browser. We never see who your visitors are or what they turn on.
Light and fast
About 20 KB compressed. It loads after your content and changes nothing until a visitor turns a tool on.
Stays out of your design
The panel lives in its own sealed layer, so your styles can't break it and it can't break your styles.
- Strict CSP friendly
- Keyboard friendly
- Screen reader labels
- Respects reduced motion
- Only runs on your domain
Straight answers
Does the widget make my site accessible?
Not on its own. Here is what it does, what it doesn't, and what to do instead.
What it does
Tools for every visitor, on every page
- Gives every visitor tools to adjust text, color, spacing and motion
- Remembers each visitor's choices in their own browser
- Works on any website with one line of code
- Can be used with a keyboard and a screen reader
- Lets visitors report problems to you directly
What it doesn't do
And what to do instead
Fix problems in your site's code, like missing alt text or unlabeled forms
Instead: Fix them in your code. Start with our accessibility checklist.
Make your site WCAG or ADA compliant on its own
Instead: Learn what the standard asks for in WCAG explained.
Replace screen readers or other assistive technology
Instead: Make sure your site works with them. Try the keyboard test.
Replace an accessibility audit or testing with real users
Instead: Get an expert audit and test with people who use assistive technology.
The full picture
Visitor toolsOcto Assist+Accessible codeyour site+Real-user testingexperts and users=A site everyone can usethe goal
What widgets can and can't doFAQ
Questions about the widget
Straight answers about installing, privacy, speed and what the widget can and can't do.
Still have a question?
We read every message and reply as soon as we can.
support@example.comContact usWhat is this accessibility widget?
It is a small script you add to your website that gives every visitor a button for adjusting the page to their needs. Visitors can enlarge text, add spacing, raise contrast, switch to a readable font, have text read aloud and more. Each visitor's choices are saved in their own browser, so they stay on as they move between pages.
How do I add the widget to my website?
You paste one line of code into your site. Create an account, add your site's domain, and copy the script tag from your dashboard. Paste it just before the closing </body> tag, or into your platform's custom code setting. The button appears on your site straight away.
Will the widget slow down my website?
No, it is built to stay out of the way. The script is about 20 KB compressed, loads after your page content, and changes nothing on the page until a visitor opens the panel and turns on a tool.
Does the widget make my website WCAG or ADA compliant?
No. The widget gives visitors tools to adjust how your pages look and behave, but it cannot fix problems in your site's own code, such as missing image descriptions, unlabeled form fields or a confusing heading structure. To meet WCAG, those issues need to be fixed in your code. We recommend an accessibility audit and testing with people who use assistive technology.
Which websites and platforms does it work with?
It works on any website where you can add custom code, including WordPress, Shopify, Webflow, Wix, Squarespace and sites you build yourself with React, Next.js, Vue or plain HTML.
What data does the widget collect about my visitors?
None about who they are. A visitor's settings are saved only in their own browser. The widget does not set cookies, does not track visitors across websites and does not send their choices to us. We only count how many times the widget loads on your site, so you can see usage in your dashboard.
Does the widget work with screen readers and keyboards?
Yes. The button and panel can be used with a keyboard alone and are labeled for screen readers. The widget does not replace a screen reader: people who use one already have the tools they need, and your site's own code decides how well it works with them.
Can I change how the widget looks?
Yes. From your dashboard you can pick the button color, place the button on the left or right, and choose which tools appear in the panel. The dashboard only accepts colors dark enough to keep the white text on the button readable.
What languages does the widget panel come in?
English, Bengali, Hindi, Spanish, French and German. The panel uses your page's language or the visitor's browser language, and visitors can switch it themselves. You can also fix one language for your site in the dashboard.
What are the one-click profiles?
Profiles turn on several tools at once for a common need: Seizure safe, Low vision, ADHD friendly, Dyslexia, Cognitive, and Keyboard & motor. Visitors can still adjust each tool after choosing a profile.
Can visitors tell me about accessibility problems on my site?
Yes. The panel has a "Report a problem" form. Reports appear in your dashboard with the page address and the tools the visitor had on, and you can reply if they left an email address.
Can I use the widget on more than one website?
Yes. Each website gets its own settings and its own line of code. How many websites you can add depends on your plan.
Give every visitor the tools they need
Create an account, add your website and preview the widget in minutes.