Instant lookup
Double-click or highlight a word to open a definition modal without leaving the page.
Open Source Accessibility
Accessibility for every website
One lightweight embed. WCAG 2.2 AA support. Text-to-speech, contrast controls, dyslexia font, translation, and 30+ tools.
How it works
Install in under 1 minute
1. Copy script
Add one script tag to your website footer.
2. Optional config
Customize icon, color, and tools via JS config.
3. Done
The widget loads automatically and works instantly.
Demo
Try it now
The accessibility widget is running on this page. Open the panel and try text-to-speech, contrast, font, and more.
Use the widget on this page
Look for the accessibility button in the corner of the screen. Click it to open the panel and try reading aids, visual options, and other tools.
Get started DocumentationSecurity
Privacy-first by design
No tracking. No fingerprinting. No user data collection. Preferences are stored locally in the browser.
Features
One widget, many accommodations
Built for WCAG 2.2 AA. No backend required—works offline with browser APIs and local storage.
Text-to-speech & reading
Read aloud with native TTS and adjustable speed. Word highlighting and sentence focus for easier following.
Visual & contrast
High contrast, dark mode, and brightness controls for comfortable viewing in any environment.
Translation & dictionary
Translate the page or look up words. Optional API for server-side translation and dictionary.
Keyboard & focus
Full keyboard navigation, visible focus rings, and skip links. Works with screen readers and switch devices.
Dyslexia-friendly font
Toggle OpenDyslexic-style font and adjust letter/word spacing to reduce reading effort.
Dark mode & brightness
Switch to dark or sepia themes and fine-tune brightness without leaving the page.
Reduce motion
Respect prefers-reduced-motion and let users tone down or disable animations.
Magnifier & zoom
Page zoom and optional lens magnifier for users who need larger content.
Reading focus & highlight
Highlight lines or sentences and mask surrounding text to reduce distraction.
Cursor size
Enlarge the cursor and adjust link underline for easier pointing and clicking.
Screen reader friendly
Semantic markup, ARIA, and live regions so the widget works alongside NVDA, JAWS, and VoiceOver.
Saved preferences
Settings persist in localStorage so returning visitors get their choices applied automatically.
Open source
Transparent, auditable, yours
The full widget is open source. No hidden code, no lock-in. You can run it, fork it, and contribute.
License: AGPL-3.0
- Transparent — Every line is visible on GitHub. No obfuscation or proprietary modules.
- Auditable — Security and privacy teams can review the code before deployment.
- Fork & self-host — Use the script from your own CDN or modify it for your needs.
- Community — Report issues, suggest features, and send pull requests.
FAQ
Common questions
Answers to common installation, compatibility, and compliance questions.
- Do I need a backend?
- No. The widget works offline with browser TTS and local preferences. Add an API only if you want server dictionary, translation, or synced settings.
- Is it WCAG 2.2 AA compliant?
- The widget is built with semantic HTML, keyboard support, focus management, and ARIA where needed. It helps provide accommodations; full compliance depends on your whole site.
- Can I style or rebrand the button?
- Yes. You can pass a custom icon URL and use CSS variables. Enterprise plans can include full white-label options.
- What about screen readers?
- The panel and toolbar are keyboard navigable and use appropriate roles and labels. We don’t replace a screen reader; we add visual and reading aids that work alongside them.
- How do I install the widget?
- Add one script tag to your site and optionally a small config object. No build step or npm required. Works with HTML sites, WordPress, Shopify, and most CMSs.
- What browsers are supported?
- All modern browsers: Chrome, Firefox, Safari, Edge, and mobile browsers. Support follows standard web APIs (TTS, localStorage, CSS).
- Is there a free tier?
- Yes. The core widget is free for most sites. Optional API features may have usage limits; see the pricing page for details.
- Does it work with my CMS?
- Yes. Paste the script into your theme footer or a global snippet. The widget is framework-agnostic and runs anywhere the script loads.
- Does it affect page performance?
- The script is lightweight and loads asynchronously. Preferences are stored locally so repeat visitors get instant settings with minimal overhead.
- Is it open source?
- Yes. Open Accessible is open source (AGPL-3.0). You can inspect, modify, and contribute on GitHub.
Ready to make your site more accessible?
Add one script tag and you’re live. Works with WordPress, Shopify, and any custom site.
Read installation docs Get supportDictionary
Built-in word lookups
Double-click a word to see definitions, part of speech, pronunciation, and example sentences. Works offline by default, with an optional API for richer results.
Pronunciation
Show phonetics and a “play” button (browser TTS or server audio if configured).
Multiple senses
Supports multiple definitions per word with clear numbering and parts of speech.
Examples
Optional example sentences and related words to support comprehension.
Optional API integration
If you enable the Open Accessible API, the dictionary can fetch richer definitions and examples and keep your data up to date.
How it works (quick explanation)
- Offline mode: uses built-in mappings or minimal fallback text.
- API mode: calls your dictionary endpoint for multi-sense results.
- Accessibility: modal is keyboard navigable with focus trapping and Escape close.
You can also attach dictionary to “Define” buttons or context menus for touch devices.