AccessiWidget - WCAG 2.1 AA & ADA Compliance Accessibility Widget with Configurator

V2.0.0 MASSIVE UPDATE IS HERE!

We just released the biggest update ever! Now featuring Smart Profiles, Virtual Keyboard, Live Wikipedia Dictionary, Color Blindness Filters, Auto Alt-Text Fixer, 6 Widget Positions, and a total of 30+ Advanced Accessibility Tools!

Stop Paying Monthly Fees for Web Accessibility!

Make your website WCAG 2.1 AA, ADA, AODA, and Section 508 compliant instantly with AccessiWidget Pro. Unlike other SaaS platforms that charge you heavy monthly subscriptions, AccessiWidget is a One-Time Purchase solution. Host it on your own server with 100% data privacy!

Built with 100% Pure Vanilla JavaScript (No jQuery), this ultra-lightweight widget ensures your website remains blazing fast while providing 30+ advanced accessibility tools and 13+ Global Languages for your visitors.

13+ Languages & Dynamic Auto-Translation

Break the language barrier! AccessiWidget comes with a built-in Dynamic Language Switcher. Your users can instantly translate the entire widget UI into their native language.

• Supported Languages: English, Spanish, French, German, Italian, Portuguese, Dutch, Polish, Swedish, Danish, Finnish, Greek, and Bengali.
• Google Translate Integration: Automatically translates the underlying website content to match the widget’s language (100% white-labeled, no ugly Google banners!).
• Auto Voice Accents: The Text-to-Speech (TTS) engine automatically switches to native regional accents based on the selected language!
• 100% Screen Reader Ready: Strictly W3C compliant with required aria-labels, aria-hidden, and focusable="false" attributes on all elements.

✨ The Magic of “Live Configurator Builder”

You don’t need any coding skills! AccessiWidget comes with a stunning Interactive Live Visual Builder. Simply open the builder in your browser:

• Choose your brand’s Theme Color (The UI magically blends with your color using advanced CSS color-mix!).
• Choose from 6 Dynamic Widget Positions (Bottom/Top/Middle – Left/Right).
• ⚙️ Toggle ON/OFF any of the 30+ features across 4 organized tabs (Core, Visual, Reading, Tools).
• Write your custom Accessibility Statement using the built-in Rich Text Editor.
• Click “Copy HTML Code” and paste it into your website. That’s it!

Modern UI & Glassmorphism Dashboard

We ditched the boring old widgets. AccessiWidget features a breathtaking Glassmorphism (Frosted Glass) dashboard panel with smooth CSS3 animations, dynamic step-dots, and theme-synced glowing accents. It looks like a native, high-quality part of your website!

️ 30+ Powerful Accessibility Features

⭐ Smart Profiles (1-Click Setup):

• Visually Impaired Profile: Auto-enables text scaling, contrast, and big cursor.
• ADHD Friendly Profile: Auto-enables reading mask and stops distracting animations.
• Cognitive Disability Profile: Auto-enables dyslexia font, text spacing, and link highlights.

Reading & Text Tools:

• Live Dictionary (NEW): Select any word on the site to instantly see its Wikipedia definition via a floating tooltip!
• Text Size, Align & Line Height: Multi-step controls to enlarge text, change alignment, and increase line heights.
• Text Reader (TTS): Built-in Text-to-Speech voice engine.
• Dyslexia Friendly: Applies specific fonts designed for Dyslexia.
• Text Spacing: Increases letter and word spacing.

️ Visual & Color Tools:

• Color Blindness Filters (NEW): Protanopia (Red-Blind), Deuteranopia (Green-Blind), and Tritanopia (Blue-Blind) SVG matrix filters.
• Smart Dark Mode: High-quality inverted eye-care dark theme.
• Color Customizer: Let users independently change the Website Background, Text, and Heading colors!
• Saturation Control: High and Low color saturation modes.
• High Contrast & Monochrome: Smart contrast and beautiful grayscale modes.

Focus & Navigation Tools:

• Virtual Keyboard (NEW): A complete on-screen keyboard for users with motor impairments.
• Page Navigator (NEW): A modal that lists all page headings (H1-H6) for quick jumping.
• Reading Guide & Mask: A horizontal reading line or focused mask that follows the mouse.
• Keyboard Focus: Adds a highly visible outline to focusable elements.
• Highlight Hover & Links: Makes clickable items and hovered elements stand out.
• Hide Distractions & Images: Removes sidebars, ads, popups, and graphics for text-only focus.
• Stop Animations & Mute Sounds: Freezes all CSS/GIF animations to prevent seizures and mutes all media.

Background Automations:

• Auto Alt-Text Fixer (NEW): Automatically detects missing alt tags on images and generates them using the image’s filename!
• Hide Widget Feature: Allows users to hide the floating button for 24 hours.

⚡ Why Choose AccessiWidget?

• Zero Dependencies: No jQuery, no Bootstrap. Pure Vanilla JS.
• Smart Save State: Uses LocalStorage to remember user settings, profiles, and language preferences even if they refresh the page.
• DOM-Safe CSS: Carefully crafted CSS rules that won’t break your existing website design.
• Platform Independent: Works seamlessly on WordPress, Shopify, Wix, Webflow, React, Vue, and Plain HTML.
• Developer Friendly APIs: Uses native Web Speech API and Wikipedia REST API safely.

What’s Included in the Download?

• Builder Folder: The complete Visual Configurator to generate your setup visually.
• Widget Folder: The minified, production-ready widget.min.js and style.css files.
• Documentation: Detailed, step-by-step HTML documentation with installation guides for WordPress and Shopify.

Update Changelog

v2.0.0 (Massive Update)

• Added: Smart Profiles (Visually Impaired, ADHD, Cognitive).
• Added: Virtual Keyboard Integration (On-screen typing).
• Added: Live Wikipedia Dictionary API (Highlight text to define).
• Added: Color Blindness Filters (Protanopia, Deuteranopia, Tritanopia).
• Added: Custom Colors Generator (Change BG, Text, and Heading colors).
• Added: Text Alignment, Line Height, Page Navigator, Reading Guide, Keyboard Focus.
• Added: Auto Alt-Text Fixer (Analyzes image filename and auto-injects missing Alt tags).
• Added: Google Translate dynamic integration (Auto-translates underlying page text).
• Improved: Complete UI overhaul with glassmorphism, dynamic step-dots, and smooth CSS variables.

v1.2.0

• Added: 6 Dynamic Widget Positions (Bottom Right, Bottom Left, Top Right, Top Left, Middle Right, Middle Left).
• Improved: Draggable functionality seamlessly adapts to the newly selected positions.

v1.1.0

• Added: 13+ Built-in European & Asian Languages support.
• Added: Real-time Dynamic Language Switcher dropdown.
• Added: Auto Text-to-Speech (TTS) accent switching.
• Improved: W3C Compliant UI with strict ARIA labels for 100% Screen Reader compatibility.

v1.0.0

• Initial Release.

Give your website visitors the inclusive experience they deserve. Get AccessiWidget today!