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.
✓ 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
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
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
→ 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.
Matou Spade
