{"_id":"@airforcerp/accessibility-widget","_rev":"5-165699160f69a9df816dd0057ba6eb9e","name":"@airforcerp/accessibility-widget","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"@airforcerp/accessibility-widget","version":"1.0.0","keywords":["accessibility","wcag","ada","compliance","text-to-speech","color-blindness","reading-tools","a11y","accessibility-widget","screen-reader","aria","keyboard-navigation"],"author":{"name":"AirforceRP"},"license":"MIT","_id":"@airforcerp/accessibility-widget@1.0.0","maintainers":[{"name":"yeet200","email":"lucsun@airforcerp.com"}],"homepage":"https://github.com/airforcerp/Website-Accessibility-Widget#readme","bugs":{"url":"https://github.com/airforcerp/Website-Accessibility-Widget/issues"},"dist":{"shasum":"30b1f1aafc43d308bf5350d3a09d2db95fbdf01e","tarball":"https://registry.npmjs.org/@airforcerp/accessibility-widget/-/accessibility-widget-1.0.0.tgz","fileCount":7,"integrity":"sha512-KvGPCeBMJt4AYhHPBujyIj6/uWP91py9cJqdmQUek0UlIa/wmFC62a6NnAir4AK/C6tMY7A9YIq1Vkm/tBJq7w==","signatures":[{"sig":"MEMCIG/jL0xh3si3AobPpFp9yIUXSUAz6GorDjBCK7gy+76XAh8G2NDSAQO7nR0/P/ISlsz2hVUf5wiB7fjpPR3msvPf","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":120452},"main":"accessibility-plugin.js","style":"accessibility-plugin.css","engines":{"node":">=12.0.0"},"_npmUser":{"name":"yeet200","email":"lucsun@airforcerp.com"},"repository":{"url":"git+https://github.com/airforcerp/Website-Accessibility-Widget.git","type":"git","directory":"web"},"_npmVersion":"10.9.2","description":"A comprehensive, lightweight accessibility plugin that provides extensive customization options including text-to-speech, color blindness filters, and many other accessibility features. WCAG 2.1 Level AA Compliant.","directories":{},"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/accessibility-widget_1.0.0_1763616640294_0.9469851860691503","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@airforcerp/accessibility-widget","version":"1.0.1","keywords":["accessibility","wcag","ada","compliance","text-to-speech","color-blindness","reading-tools","a11y","accessibility-widget","screen-reader","aria","keyboard-navigation"],"author":{"name":"AirforceRP"},"license":"MIT","_id":"@airforcerp/accessibility-widget@1.0.1","maintainers":[{"name":"yeet200","email":"lucsun@airforcerp.com"}],"homepage":"https://github.com/airforcerp/Website-Accessibility-Widget#readme","bugs":{"url":"https://github.com/airforcerp/Website-Accessibility-Widget/issues"},"dist":{"shasum":"4cbf60bb2e4117570348f2c9f8602cb4dd3a343d","tarball":"https://registry.npmjs.org/@airforcerp/accessibility-widget/-/accessibility-widget-1.0.1.tgz","fileCount":8,"integrity":"sha512-kpBJEgm9vqxJ2Vf17lJnmil1P6rxqAoOH9VmyLwrjSma9P/sP5z3eX6FYqAizjc9UnxvKY/UvQ4WEsZ/r16FbQ==","signatures":[{"sig":"MEUCIH3aqSyhpOcOgxUQg4dc6CjYO6Fcp2dQTsjH2V9LWJLkAiEA6mzE4YWWvqqDH/xfTAo0y9CrEkyD4rsmx/iDWXtBDMc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":140780},"main":"accessibility-plugin.js","style":"accessibility-plugin.css","engines":{"node":">=12.0.0"},"_npmUser":{"name":"yeet200","email":"lucsun@airforcerp.com"},"repository":{"url":"git+https://github.com/airforcerp/Website-Accessibility-Widget.git","type":"git","directory":"web"},"_npmVersion":"10.9.2","description":"A comprehensive, lightweight accessibility plugin that provides extensive customization options including text-to-speech, color blindness filters, and many other accessibility features. WCAG 2.1 Level AA Compliant.","directories":{},"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/accessibility-widget_1.0.1_1763617495903_0.5886191585981211","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@airforcerp/accessibility-widget","version":"1.0.2","keywords":["accessibility","wcag","ada","compliance","text-to-speech","color-blindness","reading-tools","a11y","accessibility-widget","screen-reader","aria","keyboard-navigation"],"author":{"name":"AirforceRP"},"license":"MIT","_id":"@airforcerp/accessibility-widget@1.0.2","maintainers":[{"name":"yeet200","email":"lucsun@airforcerp.com"}],"homepage":"https://github.com/airforcerp/Website-Accessibility-Widget#readme","bugs":{"url":"https://github.com/airforcerp/Website-Accessibility-Widget/issues"},"dist":{"shasum":"175f9e19971acbb24834b192fb1bbe1a390150e4","tarball":"https://registry.npmjs.org/@airforcerp/accessibility-widget/-/accessibility-widget-1.0.2.tgz","fileCount":10,"integrity":"sha512-gLtdexjkzHbXtTqXJb2r3C55qsHb6wBkC+u+MEA1iRjim0moIafK5l1tcIVoDJ5kbbyBJKIM2IJ6T1SKYWxoFw==","signatures":[{"sig":"MEUCIQD/QxeZ48HrZ2+qyqQF/hpRMGV9Sy43QoLI95Qa6ljQ5wIgBBx9cykWECGFpdDP1pjD+fQQbo7g/Yypbnos2k0yUuk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":214030},"main":"accessibility-plugin.js","style":"accessibility-plugin.css","engines":{"node":">=12.0.0"},"_npmUser":{"name":"yeet200","email":"lucsun@airforcerp.com"},"repository":{"url":"git+https://github.com/airforcerp/Website-Accessibility-Widget.git","type":"git","directory":"web"},"_npmVersion":"10.9.2","description":"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.","directories":{},"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/accessibility-widget_1.0.2_1763658389799_0.22228318865878793","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@airforcerp/accessibility-widget","version":"1.0.3","keywords":["accessibility","wcag","ada","compliance","text-to-speech","color-blindness","reading-tools","a11y","accessibility-widget","screen-reader","aria","keyboard-navigation"],"author":{"name":"AirforceRP"},"license":"MIT","_id":"@airforcerp/accessibility-widget@1.0.3","maintainers":[{"name":"yeet200","email":"lucsun@airforcerp.com"}],"homepage":"https://github.com/airforcerp/Website-Accessibility-Widget#readme","bugs":{"url":"https://github.com/airforcerp/Website-Accessibility-Widget/issues"},"dist":{"shasum":"bbe8d239a70f24acfc051b2a192acbf944d6d7b9","tarball":"https://registry.npmjs.org/@airforcerp/accessibility-widget/-/accessibility-widget-1.0.3.tgz","fileCount":11,"integrity":"sha512-zHEu/xJ7Pqv7zzdKIvLYEyRafQ6cx8Pee0bbl5cZqNQL4E6OlhtTMgdbO3zFCcToz+g6ubjBBhfJFJC0xnJHSg==","signatures":[{"sig":"MEUCIC4WrYIJkVspkoHYM0vDv9DE6kGe9fQUGQcOfzX5RhD9AiEArhzHvz773w30DNbkVsMcw9xSPOof7JTipAIhCRGx1MY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":231649},"main":"accessibility-plugin.js","style":"accessibility-plugin.css","engines":{"node":">=12.0.0"},"_npmUser":{"name":"yeet200","email":"lucsun@airforcerp.com"},"repository":{"url":"git+https://github.com/airforcerp/Website-Accessibility-Widget.git","type":"git","directory":"web"},"_npmVersion":"10.9.2","description":"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.","directories":{},"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/accessibility-widget_1.0.3_1763669730676_0.11879227502725898","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@airforcerp/accessibility-widget","version":"1.0.4","description":"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.","main":"accessibility-plugin.js","style":"accessibility-plugin.css","keywords":["accessibility","wcag","ada","compliance","text-to-speech","color-blindness","reading-tools","a11y","accessibility-widget","screen-reader","aria","keyboard-navigation"],"author":{"name":"AirforceRP"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/airforcerp/Website-Accessibility-Widget.git","directory":"web"},"bugs":{"url":"https://github.com/airforcerp/Website-Accessibility-Widget/issues"},"homepage":"https://github.com/airforcerp/Website-Accessibility-Widget#readme","engines":{"node":">=12.0.0"},"publishConfig":{"access":"public"},"_id":"@airforcerp/accessibility-widget@1.0.4","_nodeVersion":"22.14.0","_npmVersion":"10.9.2","dist":{"integrity":"sha512-XWQIJY43EbThoRgN6zrweQmxRDxf6paUK1OjorE8lRgffdNH1bBmJKtuvU7dFzDkR0NaYcL3er4cVhrdFr0czg==","shasum":"2cfc70ed6572219110ef84b8a2b676b77873a0f6","tarball":"https://registry.npmjs.org/@airforcerp/accessibility-widget/-/accessibility-widget-1.0.4.tgz","fileCount":11,"unpackedSize":234029,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIGJJbnKUhJV04395wH9vX82xPAcSs9gclBZCRwDEG1qFAiBu/O1Aq8Zxy8zCR89Ef3Wly7OzT8iMbCb/f8vFkn/+eQ=="}]},"_npmUser":{"name":"yeet200","email":"lucsun@airforcerp.com"},"directories":{},"maintainers":[{"name":"yeet200","email":"lucsun@airforcerp.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/accessibility-widget_1.0.4_1763669872253_0.6637540218686593"},"_hasShrinkwrap":false}},"time":{"created":"2025-11-20T05:30:40.165Z","modified":"2025-11-20T20:17:52.702Z","1.0.0":"2025-11-20T05:30:40.507Z","1.0.1":"2025-11-20T05:44:56.086Z","1.0.2":"2025-11-20T17:06:30.012Z","1.0.3":"2025-11-20T20:15:30.889Z","1.0.4":"2025-11-20T20:17:52.447Z"},"bugs":{"url":"https://github.com/airforcerp/Website-Accessibility-Widget/issues"},"author":{"name":"AirforceRP"},"license":"MIT","homepage":"https://github.com/airforcerp/Website-Accessibility-Widget#readme","keywords":["accessibility","wcag","ada","compliance","text-to-speech","color-blindness","reading-tools","a11y","accessibility-widget","screen-reader","aria","keyboard-navigation"],"repository":{"type":"git","url":"git+https://github.com/airforcerp/Website-Accessibility-Widget.git","directory":"web"},"description":"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.","maintainers":[{"name":"yeet200","email":"lucsun@airforcerp.com"}],"readme":"# Accessibility Widget by AirforceRP\n\n[![npm version](https://img.shields.io/npm/v/@airforcerp/accessibility-widget.svg)](https://www.npmjs.com/package/@airforcerp/accessibility-widget)\n[![License](https://img.shields.io/badge/license-MIT-green.svg)](LICENSE)\n[![WCAG](https://img.shields.io/badge/WCAG-2.1%20Level%20AA-blue.svg)](https://www.w3.org/WAI/WCAG21/quickref/)\n\nA 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.\n\n## 📦 Installation\n\n### npm\n\n```bash\nnpm install @airforcerp/accessibility-widget\n```\n\n### yarn\n\n```bash\nyarn add @airforcerp/accessibility-widget\n```\n\n### pnpm\n\n```bash\npnpm add @airforcerp/accessibility-widget\n```\n\n## 🚀 Quick Start\n\n### Option 1: Using jsDelivr CDN (Recommended)\n\n```html\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>My Accessible Website</title>\n    \n    <!-- Boxicons (Required) -->\n    <link href=\"https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css\" rel=\"stylesheet\">\n    \n    <!-- Accessibility Plugin CSS -->\n    <link href=\"https://cdn.jsdelivr.net/npm/@airforcerp/accessibility-widget@latest/accessibility-plugin.css\" rel=\"stylesheet\">\n</head>\n<body>\n    <h1>Welcome to My Website</h1>\n    \n    <!-- TTS Module for Multi-Language Support (Optional but Recommended) -->\n    <script src=\"https://cdn.jsdelivr.net/npm/@airforcerp/accessibility-widget@latest/tts.js\"></script>\n    \n    <!-- Optional: Custom Configuration -->\n    <script>\n        var AccessibilityConfig = {\n            position: 'bottom-right',\n            buttonText: 'Accessibility',\n            fontSize: 100,\n            contrast: 'normal',\n            ttsLanguage: 'en' // en, es, de, fr, zh, ko, no\n        };\n    </script>\n    \n    <!-- Accessibility Plugin JavaScript (Must be loaded last) -->\n    <script src=\"https://cdn.jsdelivr.net/npm/@airforcerp/accessibility-widget@latest/accessibility-plugin.js\"></script>\n</body>\n</html>\n```\n\n### Option 2: Using npm Package\n\nIf you're using a bundler (webpack, vite, etc.):\n\n```javascript\n// Import CSS\nimport '@airforcerp/accessibility-widget/accessibility-plugin.css';\n\n// Import and configure\nimport '@airforcerp/accessibility-widget/accessibility-config.js';\nimport '@airforcerp/accessibility-widget/accessibility-plugin.js';\n```\n\nOr in HTML after installing via npm:\n\n```html\n<!-- Boxicons (Required) -->\n<link href=\"https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css\" rel=\"stylesheet\">\n\n<!-- From node_modules -->\n<link rel=\"stylesheet\" href=\"./node_modules/@airforcerp/accessibility-widget/accessibility-plugin.css\">\n<script src=\"./node_modules/@airforcerp/accessibility-widget/accessibility-config.js\"></script>\n<script src=\"./node_modules/@airforcerp/accessibility-widget/accessibility-plugin.js\"></script>\n```\n\n## ⚙️ Configuration\n\nCustomize the plugin by creating a configuration object:\n\n```html\n<script>\n    var AccessibilityConfig = {\n        // Widget position: 'bottom-left' or 'bottom-right'\n        position: 'bottom-right',\n        \n        // Button text\n        buttonText: 'Accessibility',\n        \n        // Show reset button\n        showReset: true,\n        \n        // Default font size (75, 100, 125, 150, 200)\n        fontSize: 100,\n        \n        // Default contrast: 'normal', 'high', or 'dark'\n        contrast: 'normal',\n        \n        // Default line height: 'normal' or 'large'\n        lineHeight: 'normal',\n        \n        // Default letter spacing: 'normal' or 'wide'\n        letterSpacing: 'normal',\n        \n        // Default font family: 'default', 'sans-serif', 'serif', 'monospace'\n        fontFamily: 'default',\n        \n        // Color blindness filter: 'none', 'protanopia', 'deuteranopia', 'tritanopia', 'achromatopsia'\n        colorBlindness: 'none',\n        \n        // Enable features by default\n        focusIndicator: false,\n        readingGuide: false,\n        readingMask: false,\n        textHighlight: false,\n        stopAnimations: false,\n        underlineLinks: false,\n        showImageAlt: false,\n        ttsEnabled: false,\n        \n        // TTS settings\n        ttsRate: 1.0,\n        ttsPitch: 1.0,\n        ttsVolume: 1.0,\n        ttsVoice: 'default',\n        \n        // TTS Language: 'en' (English), 'es' (Español), 'de' (Deutsch), \n        // 'fr' (Français), 'zh' (中文/Mandarin), 'ko' (한국어), 'no' (Norsk)\n        ttsLanguage: 'en'\n    };\n</script>\n<script src=\"https://cdn.jsdelivr.net/npm/@airforcerp/accessibility-widget@latest/accessibility-plugin.js\"></script>\n```\n\n## 🌍 Multi-Language TTS Support\n\nThe plugin includes a dedicated `tts.js` module that provides automatic language detection and support for 7 languages:\n\n1. **English (en)** - Default\n2. **Español (es)** - Spanish\n3. **Deutsch (de)** - German\n4. **Français (fr)** - French\n5. **中文 (zh)** - Mandarin Chinese\n6. **한국어 (ko)** - Korean\n7. **Norsk (no)** - Norwegian\n\n### Automatic Language Detection\n\nThe TTS module automatically detects the language of text being read based on:\n- Character patterns (Chinese, Korean)\n- Common words (English, Spanish, German, French, Norwegian)\n- Page language attribute (`<html lang=\"...\">`)\n\n### Manual Language Selection\n\nUsers can manually select a language from the \"TTS Language\" dropdown in the accessibility panel.\n\n## ✨ Features\n\n- **20+ Accessibility Features**\n- **WCAG 2.2 Level AA Compliant**\n- **Multi-Language Text-to-Speech (TTS)**\n  - English (en)\n  - Español / Spanish (es)\n  - Deutsch / German (de)\n  - Français / French (fr)\n  - 中文 / Mandarin (zh)\n  - 한국어 / Korean (ko)\n  - Norsk / Norwegian (no)\n- **Color Blindness Filters**\n- **Reading Tools** (Guide, Mask, Highlight)\n- **Font & Display Customization**\n- **Keyboard Navigation**\n- **Screen Reader Support**\n- **Mobile Friendly**\n\n## 📚 Documentation\n\n- [Full Documentation](https://github.com/airforcerp/Website-Accessibility-Widget/wiki)\n- [Configuration Guide](https://github.com/airforcerp/Website-Accessibility-Widget/wiki/Configuration)\n- [API Documentation](https://github.com/airforcerp/Website-Accessibility-Widget/wiki/API)\n- [CDN Integration](https://github.com/airforcerp/Website-Accessibility-Widget/blob/main/JSDELIVR.md)\n\n## 🔗 CDN Links\n\n### jsDelivr (Recommended)\n- CSS: `https://cdn.jsdelivr.net/npm/@airforcerp/accessibility-widget@latest/accessibility-plugin.css`\n- JS: `https://cdn.jsdelivr.net/npm/@airforcerp/accessibility-widget@latest/accessibility-plugin.js`\n- Config: `https://cdn.jsdelivr.net/npm/@airforcerp/accessibility-widget@latest/accessibility-config.js`\n\n### unpkg\n- CSS: `https://unpkg.com/@airforcerp/accessibility-widget@latest/accessibility-plugin.css`\n- JS: `https://unpkg.com/@airforcerp/accessibility-widget@latest/accessibility-plugin.js`\n- Config: `https://unpkg.com/@airforcerp/accessibility-widget@latest/accessibility-config.js`\n\n## 🆘 Support\n\n- [GitHub Issues](https://github.com/airforcerp/Website-Accessibility-Widget/issues)\n- [Wiki](https://github.com/airforcerp/Website-Accessibility-Widget/wiki)\n\n## 📄 License\n\nMIT License - Free to use and modify\n\n## 👨‍💻 Author\n\n**AirforceRP**\n\n- GitHub: [@airforcerp](https://github.com/airforcerp)\n- Repository: [Website-Accessibility-Widget](https://github.com/airforcerp/Website-Accessibility-Widget)\n\n---\n\n**Version:** 1.0.0  \n**Last Updated:** November 2025\n\n","readmeFilename":"README.md"}