---
title: "Accessibility — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Matou Spade · Text. Make Your Website Accessible to Everyone Accessibility is a complete, production-ready component that empowers your visitors…"
canonical: "https://framer.elliotli.dev/component/accessibility"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Accessibility

# Accessibility

Make Your Website Accessible to Everyone

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

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

## Summary

Make Your Website Accessible to Everyone Accessibility is a complete, production-ready component that empowers your visitors to customize their browsing experience.

## Description

## Make Your Website Accessible to Everyone

**Accessibility** is a complete, production-ready component that empowers your visitors to customize their browsing experience. With just one drag-and-drop component, you can offer professional accessibility features that provides user preferences and show your commitment to inclusive design.

## 9 Powerful Accessibility Features:

✓ **High Contrast Mode** - Yellow text on black background for maximum visibility

✓ **Large Text** - Scales all text by 115% for easier reading

✓ **Dyslexia-Friendly Font** - Switches to OpenDyslexic for improved readability

✓ **Reduce Motion** - Disables animations for users sensitive to movement

✓ **Text Spacing** - Adds extra line height, letter spacing, and word spacing

✓ **Stop Autoplay** - Prevents videos and audio from playing automatically

New in V2:

✓ **Reading Guide** - Horizontal tracking line that follows your cursor with dimmed overlays to help maintain reading focus

✓ **Large Cursor** - Enlarged custom cursor (32×32px) with enhanced visibility and special pointer styles for interactive elements

✓ **Highlight Links** - Makes all links unmissable with yellow highlighting, blue outlines, bold text, and thick underlines

## Fully Customizable Design:

-   Position anywhere (4 corners)
    
-   Custom colors for button, panel, and accent
    
-   Adjustable button size and roundness
    
-   Three animation styles (fade, slide, scale)
    
-   Typography controls
    
-   Upload your own accessibility icon
    
-   Show/hide individual features
    

## Technical Excellence:

-   Zero impact on your site's performance
    
-   Component completely isolated from accessibility changes
    
-   Settings persist during visitor session
    
-   Always visible
    
-   Responsive tooltips explain each feature
    

## Perfect For:

→ Client projects requiring accessibility compliance

→ SaaS platforms serving diverse users

→ Educational institutions and government sites

→ Anyone who cares about inclusive design and accessibility

**No coding required.** Just drop it on your canvas, customize the colors to match your brand, and publish. Your visitors get a better experience, and **you demonstrate that accessibility matters.**

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

-   All · #9736

## Details

- **Author**: Matou Spade
- **Price**: $5.00
- **Published**: 2025-11-04
- **Updated**: 2026-03-28
- **Added**: 2025-10-26
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing