Low Vision
- Font Size 150%
- High Contrast
- Brightness
- Highlight Links
- Big Cursor
- Tooltips
Widget
A widget your visitors control.
Font size, contrast, a dyslexic font, a reading mask, text to speech and more. Each visitor picks what helps them, in their own language, and your site's code stays as it is.
7-day free trial on every plan. One script tag, or the Shopify app.The widget panel: Profiles, Visual Adjustments, Colors, Navigation and Motor, Audio and Screen Reader, with the Font Size, Dyslexic Font and Reading Mask tiles switching on in turn.
What is in the panel
Every section, in the order visitors see it.
Hover a tile to see what it does. On a phone, tap it.
Profiles
One tap turns on a whole set of adjustments. A visitor can still change any of them afterwards.
Cognitive
- Font Size 120%
- Line Height
- Reading Line
- Highlight Links
- Hide Images
ADHD
- High Contrast
- Reading Mask
- Highlight Links
- Hide Images
Motor Impairment
- Font Size 130%
- Line Height
- Big Cursor
- Highlight Links
- Tooltips
Visual Adjustments
Font Size
Lamps made by hand in small batches.
50% to 200%, in steps of 10%.
Line Height
Made by hand
in small batches.
in small batches.
More air between the lines.
Big Cursor
Lamps made by hand in small batches.
A cursor you cannot lose.
Hide Images
Handmade lampsText only, nothing to distract.
Dyslexic Font
Lamps made by hand in small batches.
Body text switches to OpenDyslexic.
Fast Reading
Lamps made by hand in small batches.
Bolds the start of each word to guide the eye.
Stop Animations
Spinner
running
running
Stops CSS motion, videos and sliders.
Colors
High Contrast
Lamps made by hand in small batches.
Turns up contrast across the page.
Brightness
Lamps made by hand in small batches.Turns the page up or down.
Invert Colors
Lamps made by hand in small batches.Flips every color on the page.
Saturation
Lamps made by hand in small batches.Stronger or softer colors.
Color Filters
Lamps made by hand in small batches.Grayscale, Red/Green, Blue/Yellow, Green/Red.
Navigation & Motor
Highlight Links
Lamps made by hand in small batches.
Makes every link stand out.
Tooltips
Add to cart
Shows a label for what you point at.
Reading Line
Made by hand
in small batches.
in small batches.
A guide line follows the cursor.
Reading Mask
Made by hand
in small batches.
in small batches.
Dims everything except the line you read.
Page Structure
Lamps made by hand in small batches.H1 LampsH2 ShopH2 About
Jump by headings, landmarks or links.
Audio & Screen Reader
Text to Speech
Lamps made by hand in small batches.
Reads out what you click or tab to.
In motion
Three pieces of the widget, cut out.
The same tiles as on the homepage, each one showing a part of the panel in motion.
On your page
Made to be a good citizen on your page.
The widget is a guest on your site, so it waits for your content and keeps out of your layout.
Loads after your content.
The script tag is async. Your page renders first and the launcher appears afterwards, in a fixed position, so nothing on the page moves.
Works with screen readers and keyboards.
The panel is a dialog with labeled controls. Skip links take keyboard users straight to your content, and the widget's own animations respect the visitor's reduced motion setting.
Yours to brand
Your colors, your font, your corner.
Every plan includes custom design. See the Settings tour.
Three sizes, six positions.
Settings
Five presets, or your own palette.
Color themeTheme: Blue · Font: Open Sans · 45 Google Fonts
Primary, background, secondary and border colors, plus the font, the launcher icon and where it sits.
The limits
What a widget does not do.
Your code stays as it is.
Missing alt text, unlabeled fields and skipped headings stay in your HTML. The automated fixes plugin repairs common ones in the browser.
Compliance is about the page itself.
WCAG judges your markup and content, not the tools on top. Run an audit and work through the list; the widget helps visitors while you do.
Some checks need a person.
Someone has to tab through your checkout and check that the reading order makes sense. We wrote up the difference in Widgets, overlays and real fixes.
Does it slow my site down?
No. The script tag is async, so your page renders first and the widget attaches afterwards. The launcher is fixed in place, so nothing on the page shifts.
Does it work on mobile?
Yes. On a phone the panel narrows to fit the screen and scrolls. The launcher sits where you put it in Settings, and you can give mobile its own trigger element.
Can I hide the launcher and use my own button?
Yes. In Settings, turn on Custom Triggers, point them at any element on your page and hide the floating icon. If you keep the launcher, pick one of five icons and its color.
Which languages does it support?
26: English, Spanish, Bulgarian, Croatian, Czech, Danish, Dutch, Estonian, Finnish, French, German, Greek, Hungarian, Irish, Italian, Japanese, Latvian, Lithuanian, Norwegian, Polish, Portuguese, Romanian, Slovak, Slovenian, Swedish and Turkish. You set the default, visitors can switch in the panel, and you can let the widget follow each visitor's browser language.
Does it make my site WCAG compliant on its own?
No. The widget helps the people on your site; it does not change your code. Audits show you what fails, and automated fixes on Enterprise repair some common issues in the browser. Keyboard flow and what your content means still need a person to check.
See it on your own site.
Start a free trial, add the script tag, and the widget shows up on your next page load. Cancel any time during the trial.