Accessibility Widget

A floating accessibility button that opens a full adjustment panel on any Framer site. Visitors can switch on high-contrast and saturation modes, enlarge text and spacing, swap to a readable font, have text read aloud, follow a reading guide, jump through the page by heading structure, look up words on select, resize the cursor, and flag images missing alt text. It also bundles one-tap profiles that turn on the right mix of features for dyslexia, low vision, color blindness, epilepsy, motor needs, ADHD, learning, and elder users, plus a WCAG-oriented preset.

Everything runs only on your published site, never interfering with the canvas, and every effect is fully reversible from a single reset button. Drop it in, pick a corner, set your accent color, and it works.

It's free, because a tool for making the web usable for everyone shouldn't sit behind a paywall.

Feature list (for the bullets field):

• Contrast, saturation, monochrome, and custom color modes

• Text-to-speech on click

• Readable font, font sizing, line, word, and letter spacing

• Reading guide, read focus, and text magnifier

• Page-structure navigation by headings

• Select-to-define dictionary

• Cursor resizing, link and header highlighting, motion blocking, media muting

• On-screen virtual keyboard

• 10 one-tap accessibility profiles plus a WCAG preset

• Reversible, canvas-safe, one-click reset

Tags / keywords: accessibility, a11y, WCAG, contrast, text-to-speech, screen reader, dyslexia, inclusive design, accessibility menu, ADA