Sienna: accessibility widget (SemVer) 2
πŸŽ‰ FREE FOR LIFE

Free for Life
Accessibility Widget

Make your website accessible to everyone with our powerful, lightweight widget. No subscriptions, no limits, completely free forever.

πŸš€ Get Started Now

✨ Try the accessibility widget on this page - look for the blue button!

🌟 Wonderful Free Features

Everything you need to make your website accessible - completely free!

🌍

Multilingual Support

50+ languages supported for global accessibility

πŸ”€

7 Accessible Fonts

OpenDyslexic, Comic Sans, Arial, Verdana & more

πŸ“

Font Size Control

Adjustable text size for better readability

🎨

Color Adjustments

High contrast, saturation, and monochrome modes

πŸ“–

Reading Guide

Visual guide to help follow text lines

πŸ–±οΈ

Big Cursor

Enlarged cursor for better visibility

⏸️

Stop Animations

Disable distracting animations and effects

πŸ–ΌοΈ

Hide Images

Remove images for faster loading and focus

⚑

Lightweight

Only ~30kb - fast loading and performance

πŸ†• NEW

Recently Added Features

Latest enhancements to make accessibility even better

πŸ‘₯

Accessibility Profiles

Pre-configured settings for Visual Impairment, Dyslexia, Motor & Cognitive needs

πŸ”Š

Screen Reader

Text-to-speech, ARIA enhancements, and click-to-speak functionality

🎀

Voice Navigation

10+ voice commands for hands-free website control

πŸ“

Custom Positioning

8 position options and 3 size settings for perfect placement

πŸ–ΌοΈ

Hide Images

Toggle image visibility for faster loading and reduced distractions

All new features are included free - no additional cost!

πŸš€ Get Started

Install in 3 simple steps - takes less than 2 minutes!

1

Get Widget Script

Copy the <script> tag below for quick installation and automatic updates.

<script src="https://freewebaccessible.com/dist/sienna.min.js" defer></script>

πŸ“ Customize Position & Size

Add position and size attributes to customize widget placement:

πŸ“ Position Options:
top_left, top_center, top_right
middle_left, middle_center, middle_right
bottom_left, bottom_center, bottom_right
πŸ“ Size Options:
small - Compact widget
medium - Standard (default)
large - Larger widget

Example: <script src="..." position="bottom_right" size="large"></script>

2

Paste Script into Website

Paste the <script> tag right before the closing </body> tag of your website.

Installation guides:

3

Celebrate πŸŽ‰

The widget will automatically appear at the bottom left of your website.

Feel free to buy the maker a coffeeβ˜•

β˜• Buy me a coffee

Use Accessibility options to see the change effects of different HTML elements.


Accessibility Widget Test Page

Use the accessibility widget to improve your browsing experience

Text Content

This is normal text that will be affected by font size adjustments from the accessibility widget.

This is smaller text to test readability improvements.

This text has low contrast and will benefit from contrast adjustments.

This yellow text may be hard to read and can be improved with high contrast mode.

Images

These images can be hidden using the accessibility widget:

Sample image 1 Sample image 2 Sample image 3

Interactive Elements

Test cursor size changes on these elements:

Animations

These animations can be disabled using the widget:

Reading Content

Use the reading guide to help follow this text:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Form Elements