component
Accessibility Widget
By Grids & Giggles

Details
- Grids & GigglesAuthor
- componentType
- 2026-07-29Published
- 2026-08-02Updated
- 2026-07-29Added
- ButtonsCategories
Summary
Accessibility for every visitor
Description
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
Introduction
Accessibility for every visitor
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #3658