Inclusive by Design.
Accessible by Default.
Accesio is a premium, drop-in accessibility widget that empowers users to customize their browsing experience. Ensure WCAG compliance and provide a first-class experience for everyone.
Quick Start
Deploy Accesio in seconds by adding a single script tag to your website's <head> or
<body>.
<script type="module" src="https://cdn.accesio.eu/assets/main.js" async></script>
Instant Setup
No complex integrations. Just one tag and you're ready to go.
Private & Secure
Settings are stored locally. We don't track your users.
Multi-language
Supports English, Romanian, French, German, Ukrainian, Spanish, Hungarian, Italian, Portuguese, and Turkish out of the box.
Readable Typography
Accesio handles text scaling, font family overrides (including OpenDyslexic), and letter spacing seamlessly.
Testing Semantic Structure
This paragraph tests how the widget handles bold, italic, and highlighted text. Use the widget to scale this text up to 200% without breaking the layout.
"Web accessibility is the inclusive practice of ensuring there are no barriers that prevent interaction with websites."
Note: This text has a fixed 14px size in CSS. Try the "Text Scaling" feature to see it grow.
Visual Accessibility
Customize how images, videos, and colors are presented to reduce strain or improve clarity.
Try the Hide Images or Contrast modes in the widget to see how this image and the page colors adapt.
Accessible Input
Enhanced focus indicators and voice-to-text integration for all standard HTML form elements.
Navigation & Logic
Control animations and improve structural navigation with ease.
This animation stops when Disable Animations is toggled in the widget.
Click to expand accessibility details
Accesio injects its own focus rings and keyboard navigation helpers to ensure even complex elements like this are easy to use.
Data Attributes
Configure the widget directly from the script tag using these attributes.
| Attribute | Description | Default |
|---|---|---|
data-id |
Your unique Site ID (UUID). | - |
data-launcher-position |
Position of the icon (bottom-right, bottom-left). |
bottom-right |
data-locale |
Forced language code (en, ro, fr, de,
uk, es, hu, it, pt, tr).
|
en |
Keyboard Shortcuts
Built-in hotkeys for power users to toggle features without the mouse.
- Alt + A — Toggle the main accessibility panel
- Alt + ← / → — Move the widget horizontally