release: 4.6.116 merge file-row buttons — aria-label + focus-visible

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

package.json

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

src/renderer-locale-de.ts

@@ -457,7 +457,10 @@ const UI_TEXT_DE = {
         merging: 'Zusammenfugen...',
         merge: 'Zusammenfugen',
         success: 'Videos erfolgreich zusammengefugt!',
-        failed: 'Fehler beim Zusammenfugen der Videos.'
+        failed: 'Fehler beim Zusammenfugen der Videos.',
+        moveUpAria: 'Nach oben verschieben',
+        moveDownAria: 'Nach unten verschieben',
+        removeAria: 'Aus Liste entfernen'
     },
     mergeGroup: {
         btn: 'Zusammenfugen & Splitten',

src/renderer-locale-en.ts

@@ -457,7 +457,10 @@ const UI_TEXT_EN = {
         merging: 'Merging...',
         merge: 'Merge',
         success: 'Videos merged successfully!',
-        failed: 'Failed to merge videos.'
+        failed: 'Failed to merge videos.',
+        moveUpAria: 'Move up',
+        moveDownAria: 'Move down',
+        removeAria: 'Remove from list'
     },
     mergeGroup: {
         btn: 'Merge & Split',

src/renderer.ts

@@ -1639,9 +1639,9 @@ function renderMergeFiles(): void {
                 <div class="file-order">${index + 1}</div>
                 <div class="file-name" title="${file}">${name}</div>
                 <div class="file-actions">
-                    <button type="button" class="file-btn" onclick="moveMergeFile(${index}, -1)" ${index === 0 ? 'disabled' : ''}>&#9650;</button>
-                    <button type="button" class="file-btn" onclick="moveMergeFile(${index}, 1)" ${index === mergeFiles.length - 1 ? 'disabled' : ''}>&#9660;</button>
-                    <button type="button" class="file-btn remove" onclick="removeMergeFile(${index})">x</button>
+                    <button type="button" class="file-btn" aria-label="${escapeHtml(UI_TEXT.merge.moveUpAria)}" title="${escapeHtml(UI_TEXT.merge.moveUpAria)}" onclick="moveMergeFile(${index}, -1)" ${index === 0 ? 'disabled' : ''}>&#9650;</button>
+                    <button type="button" class="file-btn" aria-label="${escapeHtml(UI_TEXT.merge.moveDownAria)}" title="${escapeHtml(UI_TEXT.merge.moveDownAria)}" onclick="moveMergeFile(${index}, 1)" ${index === mergeFiles.length - 1 ? 'disabled' : ''}>&#9660;</button>
+                    <button type="button" class="file-btn remove" aria-label="${escapeHtml(UI_TEXT.merge.removeAria)}" title="${escapeHtml(UI_TEXT.merge.removeAria)}" onclick="removeMergeFile(${index})">x</button>
                 </div>
             </div>
         `;

src/styles.css

@@ -3083,10 +3083,22 @@ select option {
     color: var(--text);
 }
 
+.file-item .file-btn:focus-visible {
+    outline: none;
+    border-radius: 4px;
+    box-shadow: 0 0 0 2px rgba(145, 70, 255, 0.65);
+    color: var(--text);
+}
+
 .file-item .file-btn.remove:hover {
     color: var(--error);
 }
 
+.file-item .file-btn.remove:focus-visible {
+    box-shadow: 0 0 0 2px rgba(255, 107, 107, 0.65);
+    color: var(--error);
+}
+
 .merge-actions {
     display: flex;
     gap: 10px;