release: 4.6.66 update-banner progress bar a11y

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.65",
+  "version": "4.6.66",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "twitch-vod-manager",
-      "version": "4.6.65",
+      "version": "4.6.66",
       "license": "MIT",
       "dependencies": {
         "axios": "^1.6.0",

package.json

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

src/index.html

@@ -11,7 +11,7 @@
     <div class="update-banner" id="updateBanner">
         <span id="updateText">Neue Version verfügbar!</span>
         <div id="updateProgress" class="update-banner-progress-wrap" style="display: none;">
-            <div class="update-banner-progress-track">
+            <div class="update-banner-progress-track" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" aria-label="Update download" id="updateProgressGauge">
                 <div id="updateProgressBar" class="update-banner-progress-bar"></div>
             </div>
         </div>

src/renderer-locale-de.ts

@@ -359,7 +359,8 @@ const UI_TEXT_DE = {
         sidebarEmpty: 'Noch keine Streamer. Fuege oben rechts einen hinzu.',
         removeAria: 'Entfernen',
         cutProgressAria: 'Schnitt-Fortschritt',
-        mergeProgressAria: 'Merge-Fortschritt'
+        mergeProgressAria: 'Merge-Fortschritt',
+        updateProgressAria: 'Update-Download-Fortschritt'
     },
     vods: {
         noneTitle: 'Keine VODs',

src/renderer-locale-en.ts

@@ -359,7 +359,8 @@ const UI_TEXT_EN = {
         sidebarEmpty: 'No streamers yet. Add one via the input at the top right.',
         removeAria: 'Remove',
         cutProgressAria: 'Cut progress',
-        mergeProgressAria: 'Merge progress'
+        mergeProgressAria: 'Merge progress',
+        updateProgressAria: 'Update download progress'
     },
     vods: {
         noneTitle: 'No VODs',

src/renderer-texts.ts

@@ -255,6 +255,7 @@ function applyLanguageToStaticUI(): void {
     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);
+    document.getElementById('updateProgressGauge')?.setAttribute('aria-label', UI_TEXT.streamers.updateProgressAria);
     setText('backupCardTitle', UI_TEXT.static.backupCardTitle);
     setText('backupCardIntro', UI_TEXT.static.backupCardIntro);
     setText('btnExportConfig', UI_TEXT.static.exportConfig);

src/renderer-updates.ts

@@ -127,7 +127,9 @@ function setDownloadPendingUi(): void {
 
     const bar = byId('updateProgressBar');
     bar.classList.add('downloading');
-    bar.style.width = latestDownloadProgress ? `${latestDownloadProgress.percent}%` : '30%';
+    const pendingPct = latestDownloadProgress ? latestDownloadProgress.percent : 30;
+    bar.style.width = `${pendingPct}%`;
+    byId('updateProgressGauge').setAttribute('aria-valuenow', String(Math.round(pendingPct)));
 
     if (!latestDownloadProgress) {
         byId('updateText').textContent = `Version ${latestUpdateVersion || '?'} ${UI_TEXT.updates.downloading}`;
@@ -145,6 +147,7 @@ function setDownloadReadyUi(info?: UpdateInfo): void {
     const bar = byId('updateProgressBar');
     bar.classList.remove('downloading');
     bar.style.width = '100%';
+    byId('updateProgressGauge').setAttribute('aria-valuenow', '100');
 
     byId('updateProgress').style.display = 'block';
     byId('updateText').textContent = `Version ${activeInfo.version} ${UI_TEXT.updates.ready}`;
@@ -574,6 +577,7 @@ window.api.onUpdateDownloadProgress((progress: UpdateDownloadProgress) => {
     const bar = byId('updateProgressBar');
     bar.classList.remove('downloading');
     bar.style.width = progress.percent + '%';
+    byId('updateProgressGauge').setAttribute('aria-valuenow', String(Math.round(progress.percent)));
 
     showUpdateBanner();
     byId('updateProgress').style.display = 'block';