The accessibility widget gives your visitors a panel of reading, contrast and navigation aids on every page of your website - bigger text, a dyslexia-friendly font, high contrast, read aloud, one-tap profiles and more. It ships inside the same Kukie script that serves your cookie banner, so there is nothing extra to install.
Turning it on
The widget is a plan feature. If your plan includes it, you will find it under Accessibility widget > Widget Settings in each site's sidebar; on other plans the page shows which plan to upgrade to, with a working live preview so you can try the widget before upgrading.
- Open the site in your dashboard and go to Accessibility widget > Widget Settings.
- Switch on Enable accessibility widget and press Save Settings.
- That's it. Your site's script bundle rebuilds itself with the widget included - you do not touch your website's code, whether it runs WordPress, WooCommerce, Shopify or anything else.
After saving, allow a minute or two for the bundle to rebuild, then reload your site. If you still do not see the button, do a hard refresh (Ctrl+Shift+R, or Cmd+Shift+R on a Mac) - your browser may be holding the previous version of the script in its cache.
The settings
All settings live on the same page and save with the one Save Settings button, except panel texts, which have their own save button per language.
Appearance
- Position - the widget button sits in the bottom left or bottom right corner. If your cookie banner's revisit icon uses the same corner, the two stack neatly instead of overlapping.
- Button size - Standard (44px), Large (52px) or Extra large (60px). There is no smaller option on purpose: 44px is the recognised accessibility minimum for a touch target.
- Button colour - pick any colour, or leave it empty to inherit your banner theme's primary colour so the two match automatically. If your banner's primary colour is a CSS variable (
var(--brand)), the widget cannot follow it and uses its default blue - pick a colour here instead. - Hide on mobile - hides the widget on screens narrower than 768px. Adjustments a visitor already applied stay applied.
Languages
By default the panel offers your banner's languages plus English, and opens in the language your banner detected for the visitor. You can instead pick exactly which of the 70+ built-in translations to offer, and set a Default language for visitors whose language cannot be detected. With more than 8 languages the panel's flag picker becomes a dropdown.
Accessibility statement
The panel's footer can link to your accessibility statement. Paste any URL, or leave the field empty to use the statement generated and published from the site's Legal Documents page - Kukie can generate one there with a guided wizard.
Modules
Every tool in the panel can be switched off for your site - untick it and visitors never see it. A hidden module is fully inactive, not just hidden: any setting a visitor had enabled for it is switched off. New tools added to the widget later appear automatically unless you hide them.
Texts
Every string in the panel can be overridden per language - the built-in translation shows as the placeholder, and an empty field keeps it. Use this to match the panel's wording to your site's voice. Texts save per language with their own Save Texts button.
Live preview
The preview at the bottom of the page runs the real widget against your site's real configuration, tracking your unsaved changes as you make them. Saved text overrides appear in it after you save.
What your visitors get
- 17 adjustments: bigger text, text spacing, line height, text align, dyslexia-friendly font, bold text, highlight links, highlight titles, contrast (high contrast, dark mode, invert), saturation, content scaling, hide images, pause animations, mute sounds, big cursor, reading guide and mask, and read aloud.
- 6 one-tap profiles: Motor impaired, Low vision, Dyslexia, Cognitive, ADHD and Seizure-safe - each applies a sensible combination of adjustments at once.
- A page structure navigator listing the page's headings, landmarks and links for quick jumps.
- Read aloud speaks any clicked or selected text using the browser's built-in speech engine.
- Their language: the panel opens in the visitor's language and offers a flag picker to switch.
- OS preferences respected: visitors who ask for reduced motion or more contrast at system level get that automatically.
- Preferences persist as they move between pages, and one tap resets everything.
Privacy
The widget is fully self-hosted. It makes no third-party requests, loads no external fonts or scripts, and sends nothing about a visitor's choices to Kukie or anyone else. Preferences are stored only in the visitor's own browser (localStorage) so pages stay adjusted between visits. Read aloud uses the speech engine built into the visitor's browser, not an external service.
Troubleshooting
- The widget does not appear after enabling it - the bundle rebuild takes a minute or two; then hard-refresh your site to bypass your browser's cached copy of the script.
- A change to settings is not visible on the site - same cause: every save rebuilds the bundle, and your browser may serve the old one briefly.
- The widget covers, or is covered by, the cookie banner - by design the open consent banner sits above the widget button in a shared corner; once the visitor answers the banner, the widget is reachable. Consider the opposite corner if you prefer them never to meet.
- A module you hid still shows for a visitor - re-save the settings and hard-refresh; hidden modules are also zeroed at load, so a stale script is the only way one can appear.
A note on compliance
The widget helps visitors and supports your accessibility efforts, but no widget makes a website WCAG, EAA or ADA compliant by itself - conformance depends on how your site is built. Pair the widget with an accessibility statement (generated under Legal Documents) and genuine fixes in your site's own markup.
