201 elements · 925 sections · Works with free Elementor
A toolbar of reading aids: bigger text, spacing, a readable or dyslexia-friendly font, contrast and color modes, highlighted links, a big cursor, a reading guide, stop animations, read aloud and a page outline — plus one-tap profiles. Every change is saved in the visitor’s browser and works on every page.
The panel on the right is live — it changes this whole page. The round button in the bottom-left corner opens the same tools from anywhere. It helps visitors adjust the page to their needs; it doesn’t replace building an accessible site.
Accessibility
Tap a tile to cycle through its levels.
Your choices are saved in this browser only.
Accessibility
Adjust this site to the way you read best.
Your choices are saved in this browser only.
City and government sites are read by everyone — including people with low vision, dyslexia or tired eyes. This example has an “Accessibility” button in its top bar that opens a centered window.
The City of Brookfield, its phone numbers and fees are fictional.
Color-heavy pages can be hard on the eyes. Shoppers can raise contrast, switch to dark or light high contrast, lower or remove color, or hide images to focus on names and prices.
Example products.
Show the panel open inside a page — perfect for a help center or an “Accessibility” page linked from your footer. Here it uses the list layout with a plain header.
- ✓ Same settings as the floating button — change one, the other updates
- ✓ Tools grouped under Text, Colors, Reading and Calmer page
- ✓ Saved for every page of the site
Display settings
Northfield College · example
Your choices are saved in this browser only.
Northfield College is fictional.
Floating in a corner or placed in your header — each can open a drawer, a centered window or a small card, in light, soft, dark or glass.
Round iconopens a side drawer · light skin
Icon + textopens a centered window · soft skin
Rounded squareopens a card next to it · dark skin
Edge tabglass drawer · glass skin
Made for city and school websites, stores, blogs, news sites and help centers.
Add it once
Put the floating button in your footer or header template — it follows visitors to every page.
Pick the tools
Choose which of the 16 tools and 6 profiles to offer, the button design and the panel style.
Visitors take it from there
Their choices are saved in their own browser and applied before each page appears.
A toolbar helps people adjust a page, but it doesn’t make a website accessible or legally compliant on its own — good contrast, alt text, headings and keyboard support still matter most.