Visua11y Agent

English

Bahasa Indonesia

English

Bahasa Indonesia

Appearance

Visua11y AgentUniversal Accessibility Website Widget

Lightweight, zero-dependency, open-source toolbar for WCAG 2.1 & ADA web accessibility compliance.

Get Started
Live Demo
Visua11y Agent Banner

🌐 53 Built-in Languages

Instant internationalization with automatic detection of HTML lang attributes, RTL support, and custom dictionary API.

♿ WCAG 2.1 & ADA Friendly

Built-in presets for Dyslexia, ADHD, Motor Impaired, Low Vision, Color Blindness, and Seizure protection.

🗣️ Voice Navigation & Screen Reader

Native Web Speech API integration for text-to-speech reading and voice command control.

🎨 Typography & Visual Adjustments

Granular control over font sizing, spacing, readable fonts, contrast modes, and custom color palettes.

⚡ Zero Runtime Dependencies

Pure vanilla TypeScript and CSS bundled into ultra-fast ESM, CommonJS, and UMD distributions.

🔌 Universal Framework Support

Seamless integration with React, Vue 3, Svelte, Next.js, Nuxt, Angular, or simple script tag inclusion.

Why Visua11y Agent? ​

Visua11y Agent is a privacy-first, zero-dependency web accessibility widget and toolbar designed to make any website immediately accessible to users with visual, cognitive, motor, or situational disabilities.

As a 100% free and open-source UserWay and AccessiBe alternative, Visua11y Agent runs client-side without third-party tracking, cookies selling, or heavy external scripts.

html
<!-- One-line Drop-in CDN Integration -->
<script
  src="https://cdn.jsdelivr.net/npm/visua11y-agent@latest/dist/visua11y-agent.umd.js"
  data-visua11y-agent-lang="en"
  data-visua11y-agent-position="bottom-right"
  defer
></script>

Core Accessibility Features ​

Feature CategoryCapabilities & Tools
Assistive Reading & AudioScreen Reader (text-to-speech engine), Voice Navigation command controller, Reading Guide ruler bar.
Visual & ContrastHigh Contrast, Dark Contrast, Light Contrast, Invert Colors, Low/High Saturation, Monochrome, and Custom Color Palettes.
Color Blindness SimulationsDedicated filters for Protanopia, Deuteranopia, Tritanopia, and Achromatopsia.
Dyslexia & TypographyDyslexia Friendly Font (OpenDyslexic), Font Resizing (100% to 200%), Line Height, Letter Spacing, Font Weight, and Highlight Links/Titles.
Motion & CognitiveStop Animations (for vestibular and seizure safety), Big Cursor (for low vision & motor accessibility), ADHD focus tools.
Internationalization (i18n)53 Languages built-in with RTL support, custom whitelist filters, and runtime language registration.

Frequently Asked Questions (FAQ) ​

Is Visua11y Agent compliant with WCAG 2.1 and ADA? ​

Yes. Visua11y Agent is engineered following WCAG 2.1 AA/AAA guidelines and ADA (Americans with Disabilities Act) Title III standards to help web developers deliver inclusive digital experiences.

Is it really free and open source? ​

Yes, Visua11y Agent is released under the MIT License. There are no premium paywalls, no monthly subscription fees, and no usage caps.

How does it compare to proprietary widgets like UserWay or AccessiBe? ​

Unlike proprietary services that inject closed-source scripts and collect user analytics, Visua11y Agent is completely transparent, zero-dependency, open-source, and hosted directly on your infrastructure or public CDNs.

Which frontend frameworks are supported? ​

Visua11y Agent supports all modern JavaScript environments including React, Next.js, Vue 2 & 3, Nuxt, Svelte, Angular, Solid.js, Astro, WordPress, Laravel, Django, and Vanilla HTML.