---
title: "Accessibility Widget — Free Framer component · Best of Framer"
description: "Free Framer component · by Grids & Giggles · Buttons. Accessibility for every visitor"
canonical: "https://framer.elliotli.dev/component/accessibility-widget"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Accessibility Widget

# Accessibility Widget

Accessibility for every visitor

[View on Framer](https://framer.com/marketplace/components/accessibility-widget/?via=elliot-li)

![Accessibility Widget preview image 1](https://framer.elliotli.dev/og/component/accessibility-widget/e99180466ab5fd9e/1600x1200.jpg)

## 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

## Rank history [How rankings work →](/terms#rankings)

-   All · #3893

## Details

- **Author**: Grids & Giggles
- **Published**: 2026-07-29
- **Updated**: 2026-08-02
- **Added**: 2026-07-29
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything