1️⃣ Get Widget Script
Copy the <script> tag below for quick installation and automatic updates.
<script src="https://affiliatecms.com/accessibility-widget/sienna.min.js" defer></script>
2️⃣ Paste Script into Website
Paste the <script> tag right before the closing </body> tag of your website HTML.
</main>
<script src="https://affiliatecms.com/accessibility-widget/sienna.min.js" defer></script>
</body>
</html>
🌟 Accessibility Features
📝 Content Adjustments
- Adjust Font Size: Easily increase or decrease text size for better readability across devices.
- Highlight Titles: Emphasizes headings and titles by adding borders, helping users locate important sections quickly.
- Highlight Links: Makes links and buttons more visible with clear, high-contrast colors for easier navigation.
- Dyslexia Font: Uses a dyslexia-friendly font to provide a smoother reading experience for dyslexic users.
- Letter Spacing: Increases spacing between letters, enhancing readability for users with visual processing needs.
- Line Height: Adds space between lines to reduce visual clutter and improve comprehension.
- Font Weight: Enables bold text display to make important content easier to read for low-vision users.
🎨 Color Adjustments
- Dark Contrast: Applies a dark background with light text for low-light environments.
- Light Contrast: Uses light background and dark text for balanced readability.
- High Contrast: Enhances all elements with maximum contrast for improved visibility.
- High Saturation: Makes colors more vivid to support visual recognition.
- Low Saturation: Softens colors for users sensitive to bright visuals.
- Monochrome: Converts the entire interface to grayscale to reduce visual noise and support colorblind users.
🛠️ Accessibility Tools
- Reading Guide: Adds a horizontal bar to guide the reader's focus line-by-line.
- Stop Animations: Allows users to pause flashing or moving content for comfort and safety (important for epilepsy).
- Big Cursor: Enlarges the mouse pointer to improve visibility and navigation accuracy.
🌐 Languages Offered
AffiliateCMS supports 17 languages, including English, Spanish, French, German, Italian, Dutch, Portuguese, Russian, Arabic, Chinese, Japanese, Korean, Vietnamese, Hindi, Turkish, Polish, and Hebrew — allowing users around the world to access accessibility tools in their native language.
❓ Frequently Asked Questions (FAQs)
Can this widget guarantee WCAG or ADA compliance?
No. While many companies claim that their accessibility widgets — even those advertised as “AI-powered” — can solve all accessibility issues and prevent lawsuits, this is misleading. No widget can fully make a site WCAG or ADA compliant on its own. True compliance requires a comprehensive audit, manual remediation, and continuous improvement. AffiliateCMS Accessibility Widget was created to provide helpful accessibility features for users, not to replace proper accessibility best practices.
Is AffiliateCMS Accessibility Widget really free?
Absolutely! The widget is released under the MIT License, which means you can use it for free in both personal and commercial projects. It was built with the belief that digital accessibility should be available to everyone — and as a stand against companies who charge for similar tools while spreading misinformation.
Is this widget optimized for performance?
Yes. The AffiliateCMS Accessibility Widget is lightweight (~30kb), and performance-friendly by design. It's built to meet Core Web Vitals standards and can be loaded asynchronously using the defer attribute. This ensures that it won't block page rendering or slow down your site.
How can I support this project?
You can show your support by visiting this page. Every little bit helps us keep improving and maintaining the widget!
Can I customize this widget and remove the credit?
Yes! The widget is open-source and released under the MIT License, so you’re allowed to modify the source code, rebrand it, and even remove the credit if you wish, view demo.