βΏ Professional Accessibility Widget
Assistive tools that help your visitors personalize their experience β larger text, higher contrast, reading aids, and more
π± Widget Details
Widget URL: https://app.accesswiser.com/
βοΈ Accessibility Standards We Support
πΊπΈ ADA & Section 508
Built to support your accessibility efforts toward US requirements
π WCAG 2.2
Helps you work toward Web Content Accessibility Guidelines AA
π EN 301 549 / AODA
Aligned with international accessibility standards
π§© Part of your program
An assistive layer that complements audits and source-code fixes
This widget provides assistive personalization tools. It does not by itself make a website WCAG, ADA, or Section 508 compliant β full conformance requires auditing and remediating your site, and automated tools detect only a portion of possible issues.
β¨ Assist Features
Everything in this section belongs to Assist, the optional visitor personalisation half. Assist is off by default, so a fresh install shows none of it β including on this page. It is switched on per account from the dashboard. None of it fixes the underlying page; it only lets a visitor adjust how the page is presented to them.
π§βπ¦― Accessibility Profiles
- βΏ Motor Disabilities: Pauses animation and hides images
- π§βπ¦― Blind: Highlights links and headings. It starts no speech of its own and forces no cursor change β you keep using your own screen reader
- π§ Color Blind: High contrast with colour saturation raised to 150%. The Deuteranopia, Protanopia and Tritanopia filters are the separate Color Vision Support control below
- π Dyslexia: Switches on the dyslexia-friendly typeface and pauses animation
- ποΈ Low Vision: Readable typeface, larger cursor, animation paused
- π§© Cognitive & Learning: High contrast, one step of larger text, animation paused
- π§ Seizure Safe: Pauses animation and halves colour saturation
- π ADHD: Reading mask, animation paused, colour saturation halved
π€ Advanced Text Controls
- π Text Scaling: 100%, 110%, 120%, 130%, 140% sizes
- π Line Spacing: 1x, 1.25x, 1.5x, 1.75x, 2x options
- π Line Height: Normal, 1.25x, 1.5x, 1.75x, 2x
- π Letter Spacing: 0px to 4px adjustable spacing
- π Word Spacing: 0px to 8px customizable gaps
- π Text Alignment: Left, Center, Right, Justify, Default
- πΆβπ«οΈ Dyslexia-Friendly Fonts: OpenDyslexic font family
- π Readable Fonts: High-legibility typography
π¨ Visual & Color Enhancements
- βοΈ Light Mode: Bright, clean interface
- π Dark Mode: Eye-friendly dark theme
- β« High Contrast: Maximum readability mode
- π Saturation Control: 0% to 200% color intensity
- ποΈ Color Vision Support: Filters for color blindness
β¨οΈ Navigation & Interaction
- π Highlight Links: Makes links on the page clearly visible
- π Highlight Headers: Emphasises page headings (H1-H6)
- βΈοΈ Stop Animations: Best-effort. It stops CSS animation, pauses video, and holds animated GIFs on a single frame. It cannot reach animation inside cross-origin embeds, an image another site serves without permission to read it, or movement drawn by the page's own code, so it does not stop everything β the panel names what it could not stop
- πΌοΈ Hide Images: Reduces visual clutter
- π Big Cursor: Enhanced cursor visibility
- π Read Aloud: Off unless you turn it on. Once on, hold Alt β Option on a Mac β and click any text to hear it. An ordinary click does nothing, so it never competes with a screen reader. Nothing is ever spoken unprompted
π Reading Assistance
- π Reading Mask: Focuses attention on specific content
- π Reading Guide: Horizontal line to track reading
π Multi-Language Support
- π£οΈ Built-in Translator: Supports multiple languages
- π Global Accessibility: Works with international content
βοΈ Technical Features
- πΎ Settings Persistence: Remembers user preferences
- π± Mobile Responsive: Optimized for all devices
- π― Non-Intrusive: Widget styling protected from page changes
- π Easy Reset: One-click return to default settings
- π Flexible Positioning: Left or right side placement
πΌ Business Benefits
Better Usability
Help more visitors read and navigate your site comfortably
More Visitors Served
Around 15% of people live with a disability. Reading and display aids help some of them use your site more comfortably
Reports From Real Visitors
Someone who gets stuck can tell you what stopped them, with the page address attached β and Monitor collects it without changing your page
Enhanced UX
Improves usability for all users, not just those with disabilities
Easy Integration
Just 2 lines of code - works with any website or CMS
Zero Maintenance
Self-contained widget requires no ongoing updates
π§βπ¦― Accessibility profiles
A screenshot of the widget's own panel, captured from the build in this repository.
π€ Text settings
The same panel, further down.
π₯ The panel in use
A silent screen recording, eighteen seconds, captured from the build in this repository. A sample article sits on screen at its normal settings. The panel opens; text size is stepped up three times and the article's type visibly grows; letter spacing and line height are opened out; the Dyslexia Friendly typeface is switched on; High Contrast turns the page white-on-black, and the panel closes. The clip ends there, with the adjustments still applied. The recording carries no audio track, so there is no speech or sound to caption.
π Easy Implementation
Two lines of code, and no changes to your page. Monitor starts sending anonymous, aggregate page views to your dashboard and gives blocked visitors a way to tell you what stopped them.
π Any Website
Works with HTML, WordPress, Shopify, Squarespace, and more
β‘ Wix Websites
Perfect integration with Wix's drag-and-drop builder
window.accessibilityConfig = {
apiKey: '<YOUR_API_KEY>',
apiUrl: 'https://app.accesswiser.com'
};
</script>
<script src="https://widget.accesswiser.com/widget.js"></script>
<accessibility-widget></accessibility-widget>
π§ͺ Live Demo
AccessWiser Monitor is running on this page. Monitor makes no changes to the page itself β it records anonymous, aggregate page views and renders the barrier-reporting form below, which stays inside the widget's own Shadow DOM.
Assist β the optional visitor personalisation half (profiles, text and colour adjustments, reading aids, Read Aloud, translation) β is off for this site, so there is no launcher and no panel. Assist is off by default and is switched on per account from the dashboard.