Universal Accessibility Playground

Interactive developer sandbox to test typography scaling, color contrast, dyslexia modes, screen reader assist, and runtime API hooks.

Visua11y Agent Badge

1-Click Embed Code Generator

Instant Integration

Customize your accessibility widget options and copy the ready-to-use HTML snippet for WordPress, Shopify, Webflow, React, Vue, or static HTML.

HTML / Script Snippet 
<!-- Visua11y Agent Universal Accessibility Widget -->
<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"
  data-visua11y-agent-offset="24,24"
  defer
></script>
Paste right before </body> in your website template.

Live Typography & Reflow Lab

Content Test

Test font scaling, line height, dyslexia-friendly fonts, and link highlighting directly on this passage.

Web Accessibility Standards (WCAG 2.1 AA)

Digital accessibility ensures websites and digital platforms are usable by everyone, including people with visual, motor, auditory, or cognitive disabilities.

Explore accessible navigation links, observe text reflow behavior, or activate the reading guide overlay while navigating.

Motion Stress Test

Animation Halt

Verify that the widget's Stop Animations tool instantly freezes CSS motion below.

Shimmer Effect Linear Gradient
Pulsing Orbit

Quick Action Profiles

Presets

Activate accessibility profiles with setProfile / toggleTool.

Image Desaturation

Color Filter

Toggle Image Desaturation to test SVG & raster image grayscale.

Visua11y Mascot Logo AVIF
Vibrant pattern sample SVG Gradient

Dynamic Locales

i18n

Switch bundled locales or register custom dialects on the fly.

Developer API & Customization Hub

window.Visua11yAgentPlugin
Launcher Icon
Position
Edge Offset
Widget Size
Footer Visibility
Footer Size
live-console.log

Real-time API response stream:

Widget initialized. Ready for commands.
Access API directly via window.Visua11yAgentPlugin in browser console.

Manual QA Verification Checklist

Test Plan
01 Move launcher to all 8 corners via settings.
02 Scale typography & verify smooth text reflow.
03 Test High Contrast & Monochrome filters.
04 Toggle Image Desaturation on SVG / logos.
05 Enable Reading Guide overlay & TTS voice.
06 Test Voice Navigation ("Open menu").
07 Register & switch to custom Javanese/Sunda.
08 Verify settings persist across page reloads.