A comprehensive, lightweight accessibility plugin that provides extensive customization options including text-to-speech, color blindness filters, and many other accessibility features. WCAG 2.2 Level AA Compliant.
npm install @airforcerp/accessibility-widget
A comprehensive, lightweight, WCAG 2.1 Level AA compliant accessibility plugin that provides extensive customization options including text-to-speech, color blindness filters, and many other accessibility features.
``bash`
npm install @airforcerp/accessibility-widget
`bash`
yarn add @airforcerp/accessibility-widget
`bash`
pnpm add @airforcerp/accessibility-widget
`html`
Welcome to My Website
If you're using a bundler (webpack, vite, etc.):
`javascript
// Import CSS
import '@airforcerp/accessibility-widget/accessibility-plugin.css';
// Import and configure
import '@airforcerp/accessibility-widget/accessibility-config.js';
import '@airforcerp/accessibility-widget/accessibility-plugin.js';
`
Or in HTML after installing via npm:
`html
`
Customize the plugin by creating a configuration object:
`html`
The plugin includes a dedicated tts.js module that provides automatic language detection and support for 7 languages:
1. English (en) - Default
2. Español (es) - Spanish
3. Deutsch (de) - German
4. Français (fr) - French
5. 中文 (zh) - Mandarin Chinese
6. 한국어 (ko) - Korean
7. Norsk (no) - Norwegian
The TTS module automatically detects the language of text being read based on:
- Character patterns (Chinese, Korean)
- Common words (English, Spanish, German, French, Norwegian)
- Page language attribute ()
Users can manually select a language from the "TTS Language" dropdown in the accessibility panel.
- 20+ Accessibility Features
- WCAG 2.2 Level AA Compliant
- Multi-Language Text-to-Speech (TTS)
- English (en)
- Español / Spanish (es)
- Deutsch / German (de)
- Français / French (fr)
- 中文 / Mandarin (zh)
- 한국어 / Korean (ko)
- Norsk / Norwegian (no)
- Color Blindness Filters
- Reading Tools (Guide, Mask, Highlight)
- Font & Display Customization
- Keyboard Navigation
- Screen Reader Support
- Mobile Friendly
- Full Documentation
- Configuration Guide
- API Documentation
- CDN Integration
- JS:
- Config: $3
- CSS:
- JS:
- Config: MIT License - Free to use and modify
AirforceRP
- GitHub: @airforcerp
- Repository: Website-Accessibility-Widget
---
Version: 1.0.0
Last Updated: November 2025