fix(a11y): add missing aria labels for some buttons on TTS panel (#2994)

2026-01-19 04:29:02 +01:00
parent 038eca4267
commit 6ce9a263ee
28 changed files with 118 additions and 28 deletions
@@ -928,5 +928,8 @@
  "Second (00-59)": "الثانية (00-59)",
  "Show Source": "إظهار المصدر",
  "No content to preview": "لا يوجد محتوى للمعاينة",
-  "Export": "تصدير"
+  "Export": "تصدير",
+  "Set Timeout": "تعيين المهلة",
+  "Select Voice": "اختر الصوت",
+  "Toggle Sticky Bottom TTS Bar": "تبديل شريط TTS الثابت"
 }
@@ -888,5 +888,8 @@
  "Second (00-59)": "সেকেন্ড (00-59)",
  "Show Source": "উৎস দেখান",
  "No content to preview": "প্রিভিউ করার জন্য কোনো কন্টেন্ট নেই",
-  "Export": "রপ্তানি"
+  "Export": "রপ্তানি",
+  "Set Timeout": "টাইমআউট সেট করুন",
+  "Select Voice": "ভয়েস নির্বাচন করুন",
+  "Toggle Sticky Bottom TTS Bar": "স্থির TTS বার টগল করুন"
 }
@@ -878,5 +878,8 @@
  "Second (00-59)": "སྐར་ཆ། (00-59)",
  "Show Source": "འབྱུང་ཁུངས་མངོན་པ།",
  "No content to preview": "སྔོན་ལྟ་བྱེད་པའི་དོན་རྐྱེན་མེད།",
-  "Export": "ཕྱིར་འདོན།"
+  "Export": "ཕྱིར་འདོན།",
+  "Set Timeout": "དུས་ཚོད་སྒྲིག་པ།",
+  "Select Voice": "སྐད་གདངས་འདེམས།",
+  "Toggle Sticky Bottom TTS Bar": "TTS སྡོམ་ཐིག་བརྗེ་བ།"
 }
@@ -888,5 +888,8 @@
  "Second (00-59)": "Sekunde (00-59)",
  "Show Source": "Quelle anzeigen",
  "No content to preview": "Kein Inhalt zur Vorschau",
-  "Export": "Exportieren"
+  "Export": "Exportieren",
+  "Set Timeout": "Zeitlimit festlegen",
+  "Select Voice": "Stimme auswählen",
+  "Toggle Sticky Bottom TTS Bar": "Fixierte TTS-Leiste umschalten"
 }
@@ -888,5 +888,8 @@
  "Second (00-59)": "Δευτερόλεπτο (00-59)",
  "Show Source": "Εμφάνιση πηγής",
  "No content to preview": "Δεν υπάρχει περιεχόμενο για προεπισκόπηση",
-  "Export": "Εξαγωγή"
+  "Export": "Εξαγωγή",
+  "Set Timeout": "Ορισμός χρονικού ορίου",
+  "Select Voice": "Επιλογή φωνής",
+  "Toggle Sticky Bottom TTS Bar": "Εναλλαγή καρφιτσωμένης μπάρας TTS"
 }
@@ -898,5 +898,8 @@
  "Second (00-59)": "Segundo (00-59)",
  "Show Source": "Mostrar fuente",
  "No content to preview": "Sin contenido para previsualizar",
-  "Export": "Exportar"
+  "Export": "Exportar",
+  "Set Timeout": "Establecer tiempo límite",
+  "Select Voice": "Seleccionar voz",
+  "Toggle Sticky Bottom TTS Bar": "Alternar barra TTS fija"
 }
@@ -888,5 +888,8 @@
  "Second (00-59)": "ثانیه (۰۰-۵۹)",
  "Show Source": "نمایش منبع",
  "No content to preview": "محتوایی برای پیش‌نمایش وجود ندارد",
-  "Export": "خروجی"
+  "Export": "خروجی",
+  "Set Timeout": "تنظیم مهلت زمانی",
+  "Select Voice": "انتخاب صدا",
+  "Toggle Sticky Bottom TTS Bar": "تغییر نوار TTS ثابت"
 }
@@ -898,5 +898,8 @@
  "Second (00-59)": "Seconde (00-59)",
  "Show Source": "Afficher la source",
  "No content to preview": "Aucun contenu à prévisualiser",
-  "Export": "Exporter"
+  "Export": "Exporter",
+  "Set Timeout": "Définir le délai",
+  "Select Voice": "Sélectionner la voix",
+  "Toggle Sticky Bottom TTS Bar": "Basculer la barre TTS fixée"
 }
@@ -888,5 +888,8 @@
  "Second (00-59)": "सेकंड (00-59)",
  "Show Source": "स्रोत दिखाएं",
  "No content to preview": "पूर्वावलोकन के लिए कोई सामग्री नहीं",
-  "Export": "निर्यात करें"
+  "Export": "निर्यात करें",
+  "Set Timeout": "टाइमआउट सेट करें",
+  "Select Voice": "आवाज़ चुनें",
+  "Toggle Sticky Bottom TTS Bar": "स्थिर TTS बार टॉगल करें"
 }
@@ -878,5 +878,8 @@
  "Second (00-59)": "Detik (00-59)",
  "Show Source": "Tampilkan Sumber",
  "No content to preview": "Tidak ada konten untuk dipratinjau",
-  "Export": "Ekspor"
+  "Export": "Ekspor",
+  "Set Timeout": "Atur batas waktu",
+  "Select Voice": "Pilih suara",
+  "Toggle Sticky Bottom TTS Bar": "Alihkan bilah TTS tetap"
 }
@@ -898,5 +898,8 @@
  "Second (00-59)": "Secondo (00-59)",
  "Show Source": "Mostra sorgente",
  "No content to preview": "Nessun contenuto da visualizzare",
-  "Export": "Esporta"
+  "Export": "Esporta",
+  "Set Timeout": "Imposta timeout",
+  "Select Voice": "Seleziona voce",
+  "Toggle Sticky Bottom TTS Bar": "Attiva/disattiva barra TTS fissa"
 }
@@ -878,5 +878,8 @@
  "Second (00-59)": "秒(00-59)",
  "Show Source": "ソース表示",
  "No content to preview": "プレビューするコンテンツがありません",
-  "Export": "エクスポート"
+  "Export": "エクスポート",
+  "Set Timeout": "タイムアウト設定",
+  "Select Voice": "音声選択",
+  "Toggle Sticky Bottom TTS Bar": "TTSバー固定切替"
 }
@@ -878,5 +878,8 @@
  "Second (00-59)": "초 (00-59)",
  "Show Source": "소스 표시",
  "No content to preview": "미리 볼 내용 없음",
-  "Export": "내보내기"
+  "Export": "내보내기",
+  "Set Timeout": "시간 제한 설정",
+  "Select Voice": "음성 선택",
+  "Toggle Sticky Bottom TTS Bar": "고정 TTS 바 전환"
 }
@@ -878,5 +878,8 @@
  "Second (00-59)": "Saat (00-59)",
  "Show Source": "Tunjukkan Sumber",
  "No content to preview": "Tiada kandungan untuk pratonton",
-  "Export": "Eksport"
+  "Export": "Eksport",
+  "Set Timeout": "Tetapkan masa tamat",
+  "Select Voice": "Pilih suara",
+  "Toggle Sticky Bottom TTS Bar": "Togol bar TTS melekit"
 }
@@ -888,5 +888,8 @@
  "Second (00-59)": "Seconde (00-59)",
  "Show Source": "Bron tonen",
  "No content to preview": "Geen inhoud om te bekijken",
-  "Export": "Exporteren"
+  "Export": "Exporteren",
+  "Set Timeout": "Time-out instellen",
+  "Select Voice": "Stem selecteren",
+  "Toggle Sticky Bottom TTS Bar": "Vaste TTS-balk schakelen"
 }
@@ -908,5 +908,8 @@
  "Second (00-59)": "Sekunda (00-59)",
  "Show Source": "Pokaż źródło",
  "No content to preview": "Brak treści do podglądu",
-  "Export": "Eksportuj"
+  "Export": "Eksportuj",
+  "Set Timeout": "Ustaw limit czasu",
+  "Select Voice": "Wybierz głos",
+  "Toggle Sticky Bottom TTS Bar": "Przełącz przypiętą dolną belkę TTS"
 }
@@ -898,5 +898,8 @@
  "Second (00-59)": "Segundo (00-59)",
  "Show Source": "Mostrar fonte",
  "No content to preview": "Sem conteúdo para visualizar",
-  "Export": "Exportar"
+  "Export": "Exportar",
+  "Set Timeout": "Definir tempo limite",
+  "Select Voice": "Selecionar voz",
+  "Toggle Sticky Bottom TTS Bar": "Alternar barra TTS fixada"
 }
@@ -908,5 +908,8 @@
  "Second (00-59)": "Секунда (00-59)",
  "Show Source": "Показать источник",
  "No content to preview": "Нет содержимого для просмотра",
-  "Export": "Экспортировать"
+  "Export": "Экспортировать",
+  "Set Timeout": "Установить тайм-аут",
+  "Select Voice": "Выбрать голос",
+  "Toggle Sticky Bottom TTS Bar": "Переключить закреплённую панель TTS"
 }
@@ -888,5 +888,8 @@
  "Second (00-59)": "තත්පර (00-59)",
  "Show Source": "මූලාශ්‍රය පෙන්වන්න",
  "No content to preview": "පෙරදසුන සඳහා අන්තර්ගතයක් නැත",
-  "Export": "අපනයනය කරන්න"
+  "Export": "අපනයනය කරන්න",
+  "Set Timeout": "කාල සීමාව සකසන්න",
+  "Select Voice": "හඬ තෝරන්න",
+  "Toggle Sticky Bottom TTS Bar": "ඇලවූ TTS තීරුව මාරු කරන්න"
 }
@@ -888,5 +888,8 @@
  "Second (00-59)": "Sekund (00-59)",
  "Show Source": "Visa källa",
  "No content to preview": "Inget innehåll att förhandsgranska",
-  "Export": "Exportera"
+  "Export": "Exportera",
+  "Set Timeout": "Ställ in timeout",
+  "Select Voice": "Välj röst",
+  "Toggle Sticky Bottom TTS Bar": "Växla fast TTS-fält"
 }
@@ -888,5 +888,8 @@
  "Second (00-59)": "விநாடி (00-59)",
  "Show Source": "மூலத்தைக் காட்டு",
  "No content to preview": "முன்னோட்டத்திற்கு உள்ளடக்கம் இல்லை",
-  "Export": "ஏற்றுமதி"
+  "Export": "ஏற்றுமதி",
+  "Set Timeout": "நேர வரம்பை அமைக்கவும்",
+  "Select Voice": "குரலைத் தேர்ந்தெடுக்கவும்",
+  "Toggle Sticky Bottom TTS Bar": "நிலையான TTS பட்டியை மாற்றவும்"
 }
@@ -878,5 +878,8 @@
  "Second (00-59)": "วินาที (00-59)",
  "Show Source": "แสดงซอร์ส",
  "No content to preview": "ไม่มีเนื้อหาให้แสดงตัวอย่าง",
-  "Export": "ส่งออก"
+  "Export": "ส่งออก",
+  "Set Timeout": "ตั้งค่าหมดเวลา",
+  "Select Voice": "เลือกเสียง",
+  "Toggle Sticky Bottom TTS Bar": "สลับแถบ TTS แบบติด"
 }
@@ -888,5 +888,8 @@
  "Second (00-59)": "Saniye (00-59)",
  "Show Source": "Kaynağı Göster",
  "No content to preview": "Önizlenecek içerik yok",
-  "Export": "Dışa Aktar"
+  "Export": "Dışa Aktar",
+  "Set Timeout": "Zaman aşımını ayarla",
+  "Select Voice": "Ses seç",
+  "Toggle Sticky Bottom TTS Bar": "Sabit TTS çubuğunu değiştir"
 }
@@ -908,5 +908,8 @@
  "Second (00-59)": "Секунда (00-59)",
  "Show Source": "Показати джерело",
  "No content to preview": "Немає вмісту для перегляду",
-  "Export": "Експортувати"
+  "Export": "Експортувати",
+  "Set Timeout": "Встановити тайм-аут",
+  "Select Voice": "Вибрати голос",
+  "Toggle Sticky Bottom TTS Bar": "Перемкнути закріплену панель TTS"
 }
@@ -878,5 +878,8 @@
  "Second (00-59)": "Giây (00-59)",
  "Show Source": "Hiển thị nguồn",
  "No content to preview": "Không có nội dung để xem trước",
-  "Export": "Xuất"
+  "Export": "Xuất",
+  "Set Timeout": "Đặt thời gian chờ",
+  "Select Voice": "Chọn giọng nói",
+  "Toggle Sticky Bottom TTS Bar": "Bật/tắt thanh TTS cố định"
 }
@@ -878,5 +878,8 @@
  "Second (00-59)": "秒（00-59）",
  "Show Source": "显示源码",
  "No content to preview": "无内容可预览",
-  "Export": "导出"
+  "Export": "导出",
+  "Set Timeout": "设置超时",
+  "Select Voice": "选择语音",
+  "Toggle Sticky Bottom TTS Bar": "切换固定TTS栏"
 }
@@ -878,5 +878,8 @@
  "Second (00-59)": "秒（00-59）",
  "Show Source": "顯示原始碼",
  "No content to preview": "無內容可預覽",
-  "Export": "匯出"
+  "Export": "匯出",
+  "Set Timeout": "設定逾時",
+  "Select Voice": "選擇語音",
+  "Toggle Sticky Bottom TTS Bar": "切換固定TTS欄"
 }
@@ -267,6 +267,8 @@ const TTSPanel = ({
            tabIndex={0}
            className='flex flex-col items-center justify-center rounded-full p-1 transition-transform duration-200 hover:scale-105'
            onClick={(e) => e.currentTarget.focus()}
+            title={_('Set Timeout')}
+            aria-label={_('Set Timeout')}
          >
            <MdAlarm size={iconSize32} />
            {timeoutCountdown && (
@@ -325,6 +327,8 @@ const TTSPanel = ({
              'dropdown-content bgcolor-base-200 no-triangle menu menu-vertical rounded-box absolute right-0 z-[1] shadow',
              'mt-4 inline max-h-96 w-[250px] overflow-y-scroll',
            )}
+            title={_('Select Voice')}
+            aria-label={_('Select Voice')}
          >
            {voiceGroups.map((voiceGroup, index) => {
              return (
@@ -373,7 +377,12 @@ const TTSPanel = ({
        </div>
      </div>
      <div className='flex h-4 items-center justify-center opacity-60 transition-transform duration-200 hover:scale-105 hover:opacity-100'>
-        <button onClick={onToogleTTSBar} className='p-0'>
+        <button
+          onClick={onToogleTTSBar}
+          className='p-0'
+          title={_('Toggle Sticky Bottom TTS Bar')}
+          aria-label={_('Toggle Sticky Bottom TTS Bar')}
+        >
          {viewSettings?.showTTSBar ? (
            <TbChevronCompactUp size={iconSize48} style={{ transform: 'scaleY(0.85)' }} />
          ) : (