accessibility-widgets 2.0.5 → 2.0.7

package/README.md

@@ -4,9 +4,15 @@
 [![License: GPL](https://img.shields.io/badge/License-GPL-blue.svg)](https://opensource.org/licenses/GPL-3.0)
 [![CDN](https://img.shields.io/badge/CDN-unpkg-orange.svg)](https://unpkg.com/accessibility-widgets)
 
+<a href="https://github.com/sponsors/sinanisler">
+<img src="https://img.shields.io/badge/Consider_Supporting_My_Projects_❤-GitHub-d46" width="300" height="auto" />
+</a>
+<br><br>
+
 A comprehensive, zero-dependency accessibility widget that enhances web accessibility for all users. This lightweight, single-file JavaScript solution provides 14+ accessibility features to make your website instantly more inclusive and compliant with WCAG 2.1 AA, Section 508, and EN 301 549 standards.
+<br><br>
 
-<img width="1277" height="989" alt="image" src="https://github.com/user-attachments/assets/f6abe245-9d92-4f53-941c-06b77bde1cac" />
+<img width="1793" height="1028" alt="image" src="https://github.com/user-attachments/assets/610138f5-e60d-4297-b5e3-ea040f361209" />
 
 
 ## ⚡ Quick Start
@@ -151,28 +157,35 @@ window.ACCESSIBILITY_WIDGET_CONFIG = {
 
 ```javascript
 window.ACCESSIBILITY_WIDGET_CONFIG = {
-  // ===== Feature Toggles =====
-  enableHighContrast: true,
-  enableBiggerText: true,
-  enableTextSpacing: true,
-  enablePauseAnimations: true,
-  enableHideImages: true,
-  enableDyslexiaFont: true,
-  enableBiggerCursor: true,
-  enableLineHeight: true,
-  enableTextAlign: true,
-  enableScreenReader: true,
-  enableVoiceControl: true,
-  enableFontSelection: true,
-  enableColorFilter: true,
+  // ===== Core Feature Toggles =====
+  enableHighContrast: true,        // 3-level high contrast mode
+  enableBiggerText: true,          // 4-level text size control
+  enableTextSpacing: true,         // 3-level text spacing
+  enablePauseAnimations: true,     // Pause animations & reduced motion
+  enableHideImages: true,          // Hide images toggle
+  enableDyslexiaFont: true,        // Dyslexia-friendly fonts
+  enableBiggerCursor: true,        // Large cursor
+  enableLineHeight: true,          // 3-level line height (2em, 3em, 4em)
+  enableTextAlign: true,           // Text alignment (left, center, right)
+  
+  // ===== Advanced Features =====
+  enableScreenReader: true,        // Built-in text-to-speech
+  enableVoiceControl: true,        // Voice command control
+  enableFontSelection: true,       // Font family selection
+  enableColorFilter: true,         // Color blindness filters
 
   // ===== Widget Layout =====
   widgetWidth: '440px',
-  widgetColumns: 2, // Grid columns (1-4)
+  
+  // ===== Grid Configuration =====
+  gridLayout: {
+    columns: '1fr 1fr',            // Default 2-column grid
+    gap: '10px'                    // Gap between grid items
+  },
   
   // ===== Position =====
   widgetPosition: {
-    side: 'right', // 'left' or 'right'
+    side: 'right',                 // 'left' or 'right'
     right: '20px',
     left: '20px',
     bottom: '20px'
@@ -180,11 +193,11 @@ window.ACCESSIBILITY_WIDGET_CONFIG = {
 
   // ===== Colors =====
   colors: {
-    primary: '#1663d7',
-    secondary: '#ffffff',
-    optionBg: '#ffffff',
-    optionText: '#333333',
-    optionIcon: '#000000'
+    primary: '#1663d7',            // Header bg, main button, active borders
+    secondary: '#ffffff',          // Main button icon, header text
+    optionBg: '#ffffff',           // Option button background
+    optionText: '#333333',         // Option button text
+    optionIcon: '#000000'          // Option button icons
   },
 
   // ===== Button Styling =====
@@ -195,17 +208,37 @@ window.ACCESSIBILITY_WIDGET_CONFIG = {
     shadow: '0 4px 8px rgba(0, 0, 0, 0.2)'
   },
 
+  // ===== Menu Styling =====
+  menu: {
+    headerHeight: '70px',
+    padding: '0 10px 10px 10px',
+    optionPadding: '20px 10px',
+    optionMargin: '10px',
+    borderRadius: '8px',
+    fontSize: '16px',
+    titleFontSize: '16px',
+    closeButtonSize: '44px'
+  },
+
   // ===== Typography =====
   typography: {
     fontFamily: 'Arial, sans-serif',
     fontSize: '17px',
     titleFontSize: '22px',
-    titleFontWeight: '700'
+    titleFontWeight: '700',
+    lineHeight: '1'
+  },
+
+  // ===== Animation =====
+  animation: {
+    transition: '0.2s',
+    hoverScale: '1.05'
   },
 
   // ===== Internationalization (i18n) =====
   lang: {
     accessibilityMenu: 'Accessibility Menu',
+    closeAccessibilityMenu: 'Close Accessibility Menu',
     accessibilityTools: 'Accessibility Tools',
     resetAllSettings: 'Reset All Settings',
     screenReader: 'Screen Reader',
@@ -220,21 +253,38 @@ window.ACCESSIBILITY_WIDGET_CONFIG = {
     colorFilter: 'Color Filter',
     textAlign: 'Text Align',
     textSize: 'Text Size',
-    highContrast: 'High Contrast'
+    highContrast: 'High Contrast',
+    defaultFont: 'Default Font',
+    noFilter: 'No Filter',
+    default: 'Default',
+    screenReaderOn: 'Screen reader on',
+    screenReaderOff: 'Screen reader off',
+    voiceControlActivated: 'Voice control activated',
+    notSupportedBrowser: 'is not supported in this browser',
+    close: 'Close',
+    reset: 'Reset',
+    saturation: 'Saturation',
+    selectLanguage: 'Select Language'
   },
 
-  // ===== Voice Commands =====
+  // ===== Voice Commands (Multi-language Support) =====
   voiceCommands: {
-    showMenu: ['show menu', 'open menu'],
-    highContrast: ['high contrast'],
-    biggerText: ['bigger text', 'large text'],
-    textSpacing: ['text spacing'],
-    pauseAnimations: ['pause animations'],
-    hideImages: ['hide images'],
-    dyslexiaFont: ['dyslexia font'],
-    biggerCursor: ['bigger cursor'],
-    screenReader: ['screen reader'],
-    resetAll: ['reset all', 'reset everything']
+    en: {
+      showMenu: ['show menu', 'open menu', 'accessibility menu', 'access menu'],
+      highContrast: ['high contrast', 'contrast', 'dark mode', 'increase contrast'],
+      biggerText: ['bigger text', 'large text', 'text size', 'increase text', 'bigger', 'larger text', 'text bigger', 'make text bigger', 'enlarge text'],
+      textSpacing: ['text spacing', 'spacing', 'letter spacing', 'text space'],
+      pauseAnimations: ['pause animations', 'stop animations', 'disable animations', 'no animations'],
+      hideImages: ['hide images', 'remove images', 'no images'],
+      dyslexiaFont: ['dyslexia friendly', 'dyslexia font', 'readable font', 'easy font'],
+      biggerCursor: ['bigger cursor', 'large cursor', 'cursor size', 'big cursor'],
+      lineHeight: ['line height', 'line spacing', 'space between lines', 'line space'],
+      textAlign: ['align text', 'text align', 'center text', 'alignment'],
+      screenReader: ['screen reader', 'read aloud', 'voice reader'],
+      voiceControl: ['voice command', 'voice control', 'voice commands'],
+      resetAll: ['reset all', 'reset everything', 'clear all', 'reset settings', 'reset']
+    },
+    // Additional languages: de, es, it, fr, ru, tr, ar, hi, zh-cn, jp available in widget
   }
 };
 ```

package/package.json

@@ -1,6 +1,6 @@
 { 
   "name": "accessibility-widgets",
-  "version": "2.0.5",
+  "version": "2.0.7",
   "description": "A comprehensive, lightweight accessibility widget that enhances web accessibility for all users. Provides multiple accessibility features including screen reader support, voice control, high contrast mode, and more.",
   "main": "widget.js",
   "scripts": {

package/widget.js

@@ -1,4 +1,4 @@
-/* =========================================== 
+/* ===========================================   
 
   ACCESSIBILITY WIDGET
 
@@ -503,19 +503,171 @@ const DEFAULT_WIDGET_CONFIG = {
 
   // Voice Command Configuration - Developers can customize commands for different languages
   voiceCommands: {
-    showMenu: ['show menu', 'open menu', 'accessibility menu'],
-    highContrast: ['high contrast'],
-    biggerText: ['bigger text', 'large text'],
-    textSpacing: ['text spacing'],
-    pauseAnimations: ['pause animations', 'stop animations'],
-    hideImages: ['hide images'],
-    dyslexiaFont: ['dyslexia friendly', 'dyslexia font'],
-    biggerCursor: ['bigger cursor', 'large cursor'],
-    lineHeight: ['line height'],
-    textAlign: ['align text', 'text align'],
-    screenReader: ['screen reader'],
-    voiceControl: ['voice command', 'voice control'],
-    resetAll: ['reset all', 'reset everything']
+    en: {
+      showMenu: ['show menu', 'open menu', 'accessibility menu', 'access menu'],
+      highContrast: ['high contrast', 'contrast', 'dark mode', 'increase contrast'],
+      biggerText: ['bigger text', 'large text', 'text size', 'increase text', 'bigger', 'larger text', 'text bigger', 'make text bigger', 'enlarge text'],
+      textSpacing: ['text spacing', 'spacing', 'letter spacing', 'text space'],
+      pauseAnimations: ['pause animations', 'stop animations', 'disable animations', 'no animations'],
+      hideImages: ['hide images', 'remove images', 'no images'],
+      dyslexiaFont: ['dyslexia friendly', 'dyslexia font', 'readable font', 'easy font'],
+      biggerCursor: ['bigger cursor', 'large cursor', 'cursor size', 'big cursor'],
+      lineHeight: ['line height', 'line spacing', 'space between lines', 'line space'],
+      textAlign: ['align text', 'text align', 'center text', 'alignment'],
+      screenReader: ['screen reader', 'read aloud', 'voice reader'],
+      voiceControl: ['voice command', 'voice control', 'voice commands'],
+      resetAll: ['reset all', 'reset everything', 'clear all', 'reset settings', 'reset']
+    },
+    de: {
+      showMenu: ['menü anzeigen', 'menü öffnen', 'barrierefreiheitsmenü', 'zugangsmenü'],
+      highContrast: ['hoher kontrast', 'kontrast', 'dunkler modus', 'kontrast erhöhen'],
+      biggerText: ['größerer text', 'großer text', 'textgröße', 'text vergrößern', 'größer', 'text größer'],
+      textSpacing: ['textabstand', 'abstand', 'buchstabenabstand', 'text abstand'],
+      pauseAnimations: ['animationen pausieren', 'animationen stoppen', 'animationen deaktivieren'],
+      hideImages: ['bilder ausblenden', 'bilder entfernen', 'keine bilder'],
+      dyslexiaFont: ['legasthenie freundlich', 'legasthenie schrift', 'lesbare schrift'],
+      biggerCursor: ['größerer cursor', 'großer cursor', 'cursor größe'],
+      lineHeight: ['zeilenhöhe', 'zeilenabstand', 'abstand zwischen zeilen'],
+      textAlign: ['text ausrichten', 'textausrichtung', 'text zentrieren'],
+      screenReader: ['screenreader', 'vorlesen', 'sprach reader'],
+      voiceControl: ['sprachbefehl', 'sprachsteuerung', 'sprachbefehle'],
+      resetAll: ['alles zurücksetzen', 'alle zurücksetzen', 'alle löschen', 'einstellungen zurücksetzen']
+    },
+    es: {
+      showMenu: ['mostrar menú', 'abrir menú', 'menú de accesibilidad', 'menú de acceso'],
+      highContrast: ['alto contraste', 'contraste', 'modo oscuro', 'aumentar contraste'],
+      biggerText: ['texto más grande', 'texto grande', 'tamaño de texto', 'aumentar texto', 'más grande'],
+      textSpacing: ['espaciado de texto', 'espaciado', 'espaciado de letras', 'espacio de texto'],
+      pauseAnimations: ['pausar animaciones', 'detener animaciones', 'desactivar animaciones'],
+      hideImages: ['ocultar imágenes', 'quitar imágenes', 'sin imágenes'],
+      dyslexiaFont: ['amigable para dislexia', 'fuente de dislexia', 'fuente legible'],
+      biggerCursor: ['cursor más grande', 'cursor grande', 'tamaño de cursor'],
+      lineHeight: ['altura de línea', 'espaciado de líneas', 'espacio entre líneas'],
+      textAlign: ['alinear texto', 'alineación de texto', 'centrar texto'],
+      screenReader: ['lector de pantalla', 'leer en voz alta', 'lector de voz'],
+      voiceControl: ['comando de voz', 'control de voz', 'comandos de voz'],
+      resetAll: ['restablecer todo', 'restablecer todo', 'borrar todo', 'restablecer configuración']
+    },
+    it: {
+      showMenu: ['mostra menu', 'apri menu', 'menu accessibilità', 'menu accesso'],
+      highContrast: ['alto contrasto', 'contrasto', 'modalità scura', 'aumenta contrasto'],
+      biggerText: ['testo più grande', 'testo grande', 'dimensione testo', 'aumenta testo', 'più grande'],
+      textSpacing: ['spaziatura testo', 'spaziatura', 'spaziatura lettere', 'spazio testo'],
+      pauseAnimations: ['pausa animazioni', 'ferma animazioni', 'disabilita animazioni'],
+      hideImages: ['nascondi immagini', 'rimuovi immagini', 'nessuna immagine'],
+      dyslexiaFont: ['adatto alla dislessia', 'font dislessia', 'font leggibile'],
+      biggerCursor: ['cursore più grande', 'cursore grande', 'dimensione cursore'],
+      lineHeight: ['altezza linea', 'spaziatura linee', 'spazio tra linee'],
+      textAlign: ['allinea testo', 'allineamento testo', 'centra testo'],
+      screenReader: ['lettore schermo', 'leggi ad alta voce', 'lettore vocale'],
+      voiceControl: ['comando vocale', 'controllo vocale', 'comandi vocali'],
+      resetAll: ['ripristina tutto', 'ripristina tutto', 'cancella tutto', 'ripristina impostazioni']
+    },
+    fr: {
+      showMenu: ['afficher menu', 'ouvrir menu', 'menu accessibilité', 'menu accès'],
+      highContrast: ['contraste élevé', 'contraste', 'mode sombre', 'augmenter contraste'],
+      biggerText: ['texte plus grand', 'grand texte', 'taille texte', 'augmenter texte', 'plus grand'],
+      textSpacing: ['espacement texte', 'espacement', 'espacement lettres', 'espace texte'],
+      pauseAnimations: ['mettre en pause animations', 'arrêter animations', 'désactiver animations'],
+      hideImages: ['masquer images', 'supprimer images', 'aucune image'],
+      dyslexiaFont: ['convivial dyslexie', 'police dyslexie', 'police lisible'],
+      biggerCursor: ['curseur plus grand', 'grand curseur', 'taille curseur'],
+      lineHeight: ['hauteur ligne', 'espacement lignes', 'espace entre lignes'],
+      textAlign: ['aligner texte', 'alignement texte', 'centrer texte'],
+      screenReader: ['lecteur écran', 'lire à haute voix', 'lecteur vocal'],
+      voiceControl: ['commande vocale', 'contrôle vocal', 'commandes vocales'],
+      resetAll: ['réinitialiser tout', 'réinitialiser tout', 'effacer tout', 'réinitialiser paramètres']
+    },
+    ru: {
+      showMenu: ['показать меню', 'открыть меню', 'меню доступности', 'меню доступа'],
+      highContrast: ['высокая контрастность', 'контрастность', 'темный режим', 'увеличить контрастность'],
+      biggerText: ['больший текст', 'большой текст', 'размер текста', 'увеличить текст', 'больше'],
+      textSpacing: ['межбуквенный интервал', 'интервал', 'интервал букв', 'пространство текста'],
+      pauseAnimations: ['приостановить анимацию', 'остановить анимацию', 'отключить анимацию'],
+      hideImages: ['скрыть изображения', 'убрать изображения', 'без изображений'],
+      dyslexiaFont: ['для дислексии', 'шрифт дислексии', 'читаемый шрифт'],
+      biggerCursor: ['увеличенный курсор', 'большой курсор', 'размер курсора'],
+      lineHeight: ['высота строки', 'интервал строк', 'пространство между строками'],
+      textAlign: ['выровнять текст', 'выравнивание текста', 'центрировать текст'],
+      screenReader: ['программа чтения', 'читать вслух', 'голосовой ридер'],
+      voiceControl: ['голосовая команда', 'голосовое управление', 'голосовые команды'],
+      resetAll: ['сбросить все', 'сбросить всё', 'очистить все', 'сбросить настройки']
+    },
+    tr: {
+      showMenu: ['menüyü göster', 'menü aç', 'erişilebilirlik menüsü', 'erişim menüsü'],
+      highContrast: ['yüksek kontrast', 'kontrast', 'karanlık mod', 'kontrastı artır'],
+      biggerText: ['daha büyük metin', 'büyük metin', 'metin boyutu', 'metni büyüt', 'daha büyük'],
+      textSpacing: ['metin aralığı', 'aralık', 'harf aralığı', 'metin boşluğu'],
+      pauseAnimations: ['animasyonları duraklat', 'animasyonları durdur', 'animasyonları kapat'],
+      hideImages: ['resimleri gizle', 'resimleri kaldır', 'resim yok'],
+      dyslexiaFont: ['disleksi dostu', 'disleksi yazı tipi', 'okunabilir yazı tipi'],
+      biggerCursor: ['daha büyük imleç', 'büyük imleç', 'imleç boyutu'],
+      lineHeight: ['satır yüksekliği', 'satır aralığı', 'satırlar arası boşluk'],
+      textAlign: ['metni hizala', 'metin hizalama', 'metni ortala'],
+      screenReader: ['ekran okuyucu', 'sesli oku', 'ses okuyucu'],
+      voiceControl: ['sesli komut', 'sesli kontrol', 'sesli komutlar'],
+      resetAll: ['hepsini sıfırla', 'tümünü sıfırla', 'hepsini temizle', 'ayarları sıfırla']
+    },
+    ar: {
+      showMenu: ['إظهار القائمة', 'فتح القائمة', 'قائمة إمكانية الوصول', 'قائمة الوصول'],
+      highContrast: ['تباين عالي', 'تباين', 'الوضع المظلم', 'زيادة التباين'],
+      biggerText: ['نص أكبر', 'نص كبير', 'حجم النص', 'تكبير النص', 'أكبر'],
+      textSpacing: ['تباعد النص', 'تباعد', 'تباعد الحروف', 'مساحة النص'],
+      pauseAnimations: ['إيقاف الرسوم المتحركة مؤقتا', 'إيقاف الرسوم المتحركة', 'تعطيل الرسوم المتحركة'],
+      hideImages: ['إخفاء الصور', 'إزالة الصور', 'بدون صور'],
+      dyslexiaFont: ['صديق لعسر القراءة', 'خط عسر القراءة', 'خط قابل للقراءة'],
+      biggerCursor: ['مؤشر أكبر', 'مؤشر كبير', 'حجم المؤشر'],
+      lineHeight: ['ارتفاع الخط', 'تباعد الأسطر', 'مساحة بين الأسطر'],
+      textAlign: ['محاذاة النص', 'محاذاة النص', 'توسيط النص'],
+      screenReader: ['قارئ الشاشة', 'اقرأ بصوت عالٍ', 'قارئ صوتي'],
+      voiceControl: ['الأمر الصوتي', 'التحكم الصوتي', 'الأوامر الصوتية'],
+      resetAll: ['إعادة تعيين الكل', 'إعادة تعيين جميع', 'مسح الكل', 'إعادة تعيين الإعدادات']
+    },
+    hi: {
+      showMenu: ['मेनू दिखाएं', 'मेनू खोलें', 'पहुंच मेनू', 'एक्सेस मेनू'],
+      highContrast: ['उच्च कंट्रास्ट', 'कंट्रास्ट', 'डार्क मोड', 'कंट्रास्ट बढ़ाएं'],
+      biggerText: ['बड़ा टेक्स्ट', 'बड़ा टेक्स्ट', 'टेक्स्ट का आकार', 'टेक्स्ट बढ़ाएं', 'बड़ा'],
+      textSpacing: ['टेक्स्ट स्पेसिंग', 'स्पेसिंग', 'अक्षर स्पेसिंग', 'टेक्स्ट स्पेस'],
+      pauseAnimations: ['एनिमेशन रोकें', 'एनिमेशन बंद करें', 'एनिमेशन अक्षम करें'],
+      hideImages: ['चित्र छिपाएं', 'चित्र हटाएं', 'कोई चित्र नहीं'],
+      dyslexiaFont: ['डिस्लेक्सिया के अनुकूल', 'डिस्लेक्सिया फ़ॉन्ट', 'पढ़ने योग्य फ़ॉन्ट'],
+      biggerCursor: ['बड़ा कर्सर', 'बड़ा कर्सर', 'कर्सर का आकार'],
+      lineHeight: ['लाइन की ऊंचाई', 'लाइन स्पेसिंग', 'लाइनों के बीच स्पेस'],
+      textAlign: ['टेक्स्ट अलाइन करें', 'टेक्स्ट संरेखण', 'टेक्स्ट केंद्र में करें'],
+      screenReader: ['स्क्रीन रीडर', 'जोर से पढ़ें', 'वॉयस रीडर'],
+      voiceControl: ['वॉयस कमांड', 'वॉयस नियंत्रण', 'वॉयस कमांड्स'],
+      resetAll: ['सभी रीसेट करें', 'सब कुछ रीसेट करें', 'सब साफ़ करें', 'सेटिंग्स रीसेट करें']
+    },
+    'zh-cn': {
+      showMenu: ['显示菜单', '打开菜单', '辅助功能菜单', '访问菜单'],
+      highContrast: ['高对比度', '对比度', '暗模式', '增加对比度'],
+      biggerText: ['更大的文本', '大文本', '文本大小', '增大文本', '更大'],
+      textSpacing: ['文本间距', '间距', '字母间距', '文本空间'],
+      pauseAnimations: ['暂停动画', '停止动画', '禁用动画'],
+      hideImages: ['隐藏图片', '删除图片', '无图片'],
+      dyslexiaFont: ['阅读障碍友好', '阅读障碍字体', '可读字体'],
+      biggerCursor: ['更大的光标', '大光标', '光标大小'],
+      lineHeight: ['行高', '行间距', '行之间的空间'],
+      textAlign: ['对齐文本', '文本对齐', '居中文本'],
+      screenReader: ['屏幕阅读器', '大声朗读', '语音阅读器'],
+      voiceControl: ['语音命令', '语音控制', '语音命令'],
+      resetAll: ['重置全部', '重置所有', '清除全部', '重置设置']
+    },
+    jp: {
+      showMenu: ['メニューを表示', 'メニューを開く', 'アクセシビリティメニュー', 'アクセスメニュー'],
+      highContrast: ['ハイコントラスト', 'コントラスト', 'ダークモード', 'コントラストを上げる'],
+      biggerText: ['大きいテキスト', '大きなテキスト', 'テキストサイズ', 'テキストを大きく', 'より大きい'],
+      textSpacing: ['テキスト間隔', '間隔', '文字間隔', 'テキストスペース'],
+      pauseAnimations: ['アニメーション一時停止', 'アニメーション停止', 'アニメーション無効'],
+      hideImages: ['画像を非表示', '画像を削除', '画像なし'],
+      dyslexiaFont: ['ディスレクシア対応', 'ディスレクシアフォント', '読みやすいフォント'],
+      biggerCursor: ['大きいカーソル', '大きなカーソル', 'カーソルサイズ'],
+      lineHeight: ['行の高さ', '行間隔', '行間のスペース'],
+      textAlign: ['テキスト配置', 'テキスト配置', 'テキストを中央'],
+      screenReader: ['スクリーンリーダー', '音声で読む', '音声リーダー'],
+      voiceControl: ['音声コマンド', '音声制御', '音声コマンド'],
+      resetAll: ['すべてリセット', 'すべてリセット', 'すべてクリア', '設定をリセット']
+    }
   },
 
   // Grid Layout Configuration
@@ -1521,6 +1673,7 @@ function createActionButton(buttonText, actionFunction, iconSVG, optionsConfig =
   button.setAttribute('data-options-config', optionsConfig ? JSON.stringify(optionsConfig) : '');
   if (optionId) {
     button.setAttribute('data-accessibility-option-id', optionId);
+    button.setAttribute('data-key', optionId); // Add data-key for voice commands
   }
 
   // Update initial status
@@ -1852,7 +2005,24 @@ const screenReader = {
         if (content.trim() !== '') {
           window.speechSynthesis.cancel();
           const speech = new SpeechSynthesisUtterance(content);
-          speech.lang = 'en-US';
+          
+          // Set language based on current interface language
+          let speechLang = 'en-US'; // default
+          switch(currentLanguage) {
+            case 'de': speechLang = 'de-DE'; break;
+            case 'es': speechLang = 'es-ES'; break;
+            case 'it': speechLang = 'it-IT'; break;
+            case 'fr': speechLang = 'fr-FR'; break;
+            case 'ru': speechLang = 'ru-RU'; break;
+            case 'tr': speechLang = 'tr-TR'; break;
+            case 'ar': speechLang = 'ar-SA'; break;
+            case 'hi': speechLang = 'hi-IN'; break;
+            case 'zh-cn': speechLang = 'zh-CN'; break;
+            case 'jp': speechLang = 'ja-JP'; break;
+            default: speechLang = 'en-US';
+          }
+          speech.lang = speechLang;
+          
           speech.onerror = function (event) {
             console.warn('Speech synthesis error:', event.error);
           };
@@ -1873,10 +2043,26 @@ const screenReader = {
     localStorage.setItem('screenReader', isActive);
 
     try {
+      // Set language based on current interface language
+      let speechLang = 'en-US'; // default
+      switch(currentLanguage) {
+        case 'de': speechLang = 'de-DE'; break;
+        case 'es': speechLang = 'es-ES'; break;
+        case 'it': speechLang = 'it-IT'; break;
+        case 'fr': speechLang = 'fr-FR'; break;
+        case 'ru': speechLang = 'ru-RU'; break;
+        case 'tr': speechLang = 'tr-TR'; break;
+        case 'ar': speechLang = 'ar-SA'; break;
+        case 'hi': speechLang = 'hi-IN'; break;
+        case 'zh-cn': speechLang = 'zh-CN'; break;
+        case 'jp': speechLang = 'ja-JP'; break;
+        default: speechLang = 'en-US';
+      }
+
       if (isActive) {
         document.addEventListener('focusin', screenReader.handleFocus);
         const feedbackSpeech = new SpeechSynthesisUtterance(getTranslation('screenReaderOn'));
-        feedbackSpeech.lang = 'en-US';
+        feedbackSpeech.lang = speechLang;
         feedbackSpeech.onerror = function (event) {
           console.warn('Speech synthesis feedback error:', event.error);
         };
@@ -1885,7 +2071,7 @@ const screenReader = {
         document.removeEventListener('focusin', screenReader.handleFocus);
         window.speechSynthesis.cancel();
         const feedbackSpeech = new SpeechSynthesisUtterance(getTranslation('screenReaderOff'));
-        feedbackSpeech.lang = 'en-US';
+        feedbackSpeech.lang = speechLang;
         feedbackSpeech.onerror = function (event) {
           console.warn('Speech synthesis feedback error:', event.error);
         };
@@ -1942,7 +2128,23 @@ const voiceControl = {
       const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
       voiceControl.recognition = new SpeechRecognition();
       voiceControl.recognition.interimResults = false;
-      voiceControl.recognition.lang = 'en-US';
+      
+      // Set language based on current interface language
+      let recognitionLang = 'en-US'; // default
+      switch(currentLanguage) {
+        case 'de': recognitionLang = 'de-DE'; break;
+        case 'es': recognitionLang = 'es-ES'; break;
+        case 'it': recognitionLang = 'it-IT'; break;
+        case 'fr': recognitionLang = 'fr-FR'; break;
+        case 'ru': recognitionLang = 'ru-RU'; break;
+        case 'tr': recognitionLang = 'tr-TR'; break;
+        case 'ar': recognitionLang = 'ar-SA'; break;
+        case 'hi': recognitionLang = 'hi-IN'; break;
+        case 'zh-cn': recognitionLang = 'zh-CN'; break;
+        case 'jp': recognitionLang = 'ja-JP'; break;
+        default: recognitionLang = 'en-US';
+      }
+      voiceControl.recognition.lang = recognitionLang;
       voiceControl.recognition.continuous = false;
 
       voiceControl.recognition.onstart = function () {
@@ -1990,62 +2192,92 @@ const voiceControl = {
     console.log(`Received command: ${command}`);
 
     try {
+      // Normalize the command by removing extra spaces and making it lowercase
+      const normalizedCommand = command.toLowerCase().trim().replace(/\s+/g, ' ');
+      
+      // Get voice commands for current language, fallback to English
+      const languageCommands = WIDGET_CONFIG.voiceCommands[currentLanguage] || WIDGET_CONFIG.voiceCommands['en'];
+      
       // Check for show menu commands
-      if (WIDGET_CONFIG.voiceCommands.showMenu.some(cmd => command.includes(cmd))) {
+      if (languageCommands.showMenu.some(cmd => normalizedCommand.includes(cmd))) {
         if (!menuCache.button) menuCache.init();
         if (menuCache.button) {
           menuCache.button.click();
+          console.log('Successfully opened menu');
         }
         return;
       }
 
       // Check for reset all commands
-      if (WIDGET_CONFIG.voiceCommands.resetAll.some(cmd => command.includes(cmd))) {
+      if (languageCommands.resetAll.some(cmd => normalizedCommand.includes(cmd))) {
         resetAccessibilitySettings();
+        console.log('Successfully reset all settings');
         return;
       }
 
       // Build dynamic command map based on configuration
       let localStorageKey = null;
-
-      // Check each command group
-      if (WIDGET_CONFIG.voiceCommands.highContrast.some(cmd => command.includes(cmd))) {
-        localStorageKey = 'highContrast';
-      } else if (WIDGET_CONFIG.voiceCommands.biggerText.some(cmd => command.includes(cmd))) {
-        localStorageKey = 'biggerText';
-      } else if (WIDGET_CONFIG.voiceCommands.textSpacing.some(cmd => command.includes(cmd))) {
-        localStorageKey = 'textSpacing';
-      } else if (WIDGET_CONFIG.voiceCommands.pauseAnimations.some(cmd => command.includes(cmd))) {
-        localStorageKey = 'pauseAnimations';
-      } else if (WIDGET_CONFIG.voiceCommands.hideImages.some(cmd => command.includes(cmd))) {
-        localStorageKey = 'hideImages';
-      } else if (WIDGET_CONFIG.voiceCommands.dyslexiaFont.some(cmd => command.includes(cmd))) {
-        localStorageKey = 'dyslexiaFont';
-      } else if (WIDGET_CONFIG.voiceCommands.biggerCursor.some(cmd => command.includes(cmd))) {
-        localStorageKey = 'biggerCursor';
-      } else if (WIDGET_CONFIG.voiceCommands.lineHeight.some(cmd => command.includes(cmd))) {
-        localStorageKey = 'lineHeight';
-      } else if (WIDGET_CONFIG.voiceCommands.textAlign.some(cmd => command.includes(cmd))) {
-        localStorageKey = 'textAlign';
-      } else if (WIDGET_CONFIG.voiceCommands.screenReader.some(cmd => command.includes(cmd))) {
-        localStorageKey = 'screenReader';
-      } else if (WIDGET_CONFIG.voiceCommands.voiceControl.some(cmd => command.includes(cmd))) {
-        localStorageKey = 'voiceControl';
+      let matchedCommand = null;
+
+      // Check each command group with better matching
+      for (const [key, commands] of Object.entries(languageCommands)) {
+        if (key === 'showMenu' || key === 'resetAll') continue; // Already handled above
+        
+        const isMatch = commands.some(cmd => {
+          // Check for exact matches first
+          if (normalizedCommand.includes(cmd.toLowerCase())) {
+            matchedCommand = cmd;
+            return true;
+          }
+          // Check for partial word matches (at least 3 characters)
+          const cmdWords = cmd.toLowerCase().split(' ');
+          const inputWords = normalizedCommand.split(' ');
+          return cmdWords.some(cmdWord => 
+            cmdWord.length >= 3 && inputWords.some(inputWord => 
+              inputWord.includes(cmdWord) || cmdWord.includes(inputWord)
+            )
+          );
+        });
+        
+        if (isMatch) {
+          localStorageKey = key;
+          break;
+        }
       }
 
       if (localStorageKey) {
         // Use cached menu reference if available
         if (!menuCache.menu) menuCache.init();
-        const button = menuCache.menu?.querySelector(
+        
+        // Try to find button by data-key first (toggle buttons)
+        let button = menuCache.menu?.querySelector(
           `.snn-accessibility-option[data-key='${localStorageKey}']`
         );
+        
+        // If not found, try to find by data-accessibility-option-id (action buttons)
+        if (!button) {
+          button = menuCache.menu?.querySelector(
+            `.snn-accessibility-option[data-accessibility-option-id='${localStorageKey}']`
+          );
+        }
+        
         if (button) {
           button.click();
+          console.log(`Successfully executed command: ${command} (matched: ${matchedCommand || localStorageKey})`);
         } else {
-          console.log('Button not found for command:', command);
+          console.log('Button not found for command:', command, '(key:', localStorageKey, ')');
         }
       } else {
         console.log('Command not recognized:', command);
+        // Provide helpful suggestions
+        const availableCommands = Object.values(languageCommands).flat();
+        const suggestions = availableCommands.filter(cmd => 
+          cmd.toLowerCase().includes(normalizedCommand.split(' ')[0]) ||
+          normalizedCommand.split(' ')[0].includes(cmd.toLowerCase().split(' ')[0])
+        );
+        if (suggestions.length > 0) {
+          console.log('Did you mean one of these?', suggestions.slice(0, 3));
+        }
       }
     } catch (error) {
       console.warn('Voice command handling error:', error);