Accessibility
Add instant accessibility to your site. Visitors can toggle high contrast, large text, dyslexia fonts, reduced motion & more - all with one component.
Make it with Workshop
Build your own component with AI
Add instant accessibility to your site. Visitors can toggle high contrast, large text, dyslexia fonts, reduced motion & more - all with one component.
Make it with Workshop
Build your own component with AI
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 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
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.
