release: 4.6.65 cut + merge progress bars a11y role=progressbar

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "twitch-vod-manager",
-  "version": "4.6.64",
+  "version": "4.6.65",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "twitch-vod-manager",
-      "version": "4.6.64",
+      "version": "4.6.65",
       "license": "MIT",
       "dependencies": {
         "axios": "^1.6.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "twitch-vod-manager",
-  "version": "4.6.64",
+  "version": "4.6.65",
   "description": "Twitch VOD Manager - Download Twitch VODs easily",
   "main": "dist/main.js",
   "author": "xRangerDE",

src/index.html

@@ -372,7 +372,7 @@
                         </div>
 
                         <div class="progress-container" id="cutProgress">
-                            <div class="progress-bar">
+                            <div class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" aria-label="Cut progress" id="cutProgressGauge">
                                 <div class="progress-bar-fill" id="cutProgressBar"></div>
                             </div>
                             <div class="progress-text" id="cutProgressText">0%</div>
@@ -404,7 +404,7 @@
                         </div>
 
                         <div class="progress-container" id="mergeProgress">
-                            <div class="progress-bar">
+                            <div class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" aria-label="Merge progress" id="mergeProgressGauge">
                                 <div class="progress-bar-fill" id="mergeProgressBar"></div>
                             </div>
                             <div class="progress-text" id="mergeProgressText">0%</div>

src/renderer-locale-de.ts

@@ -357,7 +357,9 @@ const UI_TEXT_DE = {
         liveNowTooltip: 'Aktuell live auf Twitch',
         modalCloseAria: 'Dialog schliessen',
         sidebarEmpty: 'Noch keine Streamer. Fuege oben rechts einen hinzu.',
-        removeAria: 'Entfernen'
+        removeAria: 'Entfernen',
+        cutProgressAria: 'Schnitt-Fortschritt',
+        mergeProgressAria: 'Merge-Fortschritt'
     },
     vods: {
         noneTitle: 'Keine VODs',

src/renderer-locale-en.ts

@@ -357,7 +357,9 @@ const UI_TEXT_EN = {
         liveNowTooltip: 'Currently live on Twitch',
         modalCloseAria: 'Close dialog',
         sidebarEmpty: 'No streamers yet. Add one via the input at the top right.',
-        removeAria: 'Remove'
+        removeAria: 'Remove',
+        cutProgressAria: 'Cut progress',
+        mergeProgressAria: 'Merge progress'
     },
     vods: {
         noneTitle: 'No VODs',

src/renderer-texts.ts

@@ -253,6 +253,8 @@ function applyLanguageToStaticUI(): void {
     // Localize the modal close-button aria-label. The buttons share a
     // .modal-close-localizable class so one call updates all five.
     setAriaLabelAll('.modal-close-localizable', UI_TEXT.streamers.modalCloseAria);
+    document.getElementById('cutProgressGauge')?.setAttribute('aria-label', UI_TEXT.streamers.cutProgressAria);
+    document.getElementById('mergeProgressGauge')?.setAttribute('aria-label', UI_TEXT.streamers.mergeProgressAria);
     setText('backupCardTitle', UI_TEXT.static.backupCardTitle);
     setText('backupCardIntro', UI_TEXT.static.backupCardIntro);
     setText('btnExportConfig', UI_TEXT.static.exportConfig);

src/renderer.ts

@@ -168,13 +168,17 @@ async function init(): Promise<void> {
     });
 
     window.api.onCutProgress((percent: number) => {
+        const rounded = Math.round(percent);
         byId('cutProgressBar').style.width = percent + '%';
-        byId('cutProgressText').textContent = Math.round(percent) + '%';
+        byId('cutProgressText').textContent = rounded + '%';
+        byId('cutProgressGauge').setAttribute('aria-valuenow', String(rounded));
     });
 
     window.api.onMergeProgress((percent: number) => {
+        const rounded = Math.round(percent);
         byId('mergeProgressBar').style.width = percent + '%';
-        byId('mergeProgressText').textContent = Math.round(percent) + '%';
+        byId('mergeProgressText').textContent = rounded + '%';
+        byId('mergeProgressGauge').setAttribute('aria-valuenow', String(rounded));
     });
 
     // Update stats bar — paused while the window is hidden so we don't