release: 4.6.155 aria-live on clipStatus + viewer-modal status fields

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
a11y: aria-live=polite on clipStatus + chatViewer/eventsViewer status
2026-05-11 12:17:04 +02:00 · 2026-05-11 12:16:49 +02:00 · 2026-05-11 12:11:27 +02:00 · 2026-05-11 12:11:13 +02:00 · 2026-05-11 12:06:58 +02:00 · 2026-05-11 12:06:40 +02:00
3 changed files with 10 additions and 10 deletions
--- a/package-lock.json
+++ b/package-lock.json
@ -1,12 +1,12 @@
 {
  "name": "twitch-vod-manager",
-  "version": "4.6.152",
+  "version": "4.6.155",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "twitch-vod-manager",
-      "version": "4.6.152",
+      "version": "4.6.155",
      "license": "MIT",
      "dependencies": {
        "axios": "^1.6.0",
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "twitch-vod-manager",
-  "version": "4.6.152",
+  "version": "4.6.155",
  "description": "Twitch VOD Manager - Download Twitch VODs easily",
  "main": "dist/main.js",
  "author": "xRangerDE",
--- a/src/index.html
+++ b/src/index.html
@ -118,7 +118,7 @@
        <div class="modal viewer-modal viewer-modal-events">
            <button type="button" class="modal-close modal-close-localizable" aria-label="Close" onclick="closeEventsViewer()">x</button>
            <h2 id="eventsViewerTitle" class="viewer-modal-title"></h2>
-            <div id="eventsViewerStatus" class="viewer-modal-status"></div>
+            <div id="eventsViewerStatus" class="viewer-modal-status" role="status" aria-live="polite"></div>
            <div id="eventsViewerList" class="viewer-modal-list"></div>
        </div>
    </div>
@ -130,7 +130,7 @@
            <h2 id="chatViewerTitle" class="viewer-modal-title"></h2>
            <div class="viewer-modal-filter-row">
                <input type="text" id="chatViewerFilter" class="viewer-modal-filter-input" placeholder="Filter..." oninput="onChatViewerFilterChange()">
-                <span id="chatViewerStatus" class="viewer-modal-status viewer-modal-status-inline"></span>
+                <span id="chatViewerStatus" class="viewer-modal-status viewer-modal-status-inline" role="status" aria-live="polite"></span>
            </div>
            <div id="chatViewerList" class="viewer-modal-list viewer-modal-list-chat"></div>
        </div>
@ -301,7 +301,7 @@
                        <h2 id="clipsHeading">Twitch Clip-Download</h2>
                        <input type="text" id="clipUrl" placeholder="https://clips.twitch.tv/... oder https://www.twitch.tv/.../clip/...">
                        <button type="button" class="btn-primary" onclick="downloadClip()" id="btnClip">Clip herunterladen</button>
-                        <div class="clip-status" id="clipStatus"></div>
+                        <div class="clip-status" id="clipStatus" role="status" aria-live="polite"></div>
                    </div>

                    <div class="settings-card centered">
@ -422,7 +422,7 @@
                        <div class="form-row section-header">
                            <h3 id="statsTitle">Archiv-Statistik</h3>
                            <div class="section-header-actions">
-                                <span id="statsLastScannedLabel" class="form-sublabel"></span>
+                                <span id="statsLastScannedLabel" class="form-sublabel" role="status" aria-live="polite"></span>
                                <button type="button" class="btn-secondary" id="btnStatsRefresh" onclick="refreshArchiveStats()">Aktualisieren</button>
                            </div>
                        </div>
@ -474,7 +474,7 @@
                            </select>
                            <button type="button" class="btn-secondary" id="btnArchiveSearch" onclick="performArchiveSearch()">Suchen</button>
                        </div>
-                        <div id="archiveSearchSummary" class="form-sublabel"></div>
+                        <div id="archiveSearchSummary" class="form-sublabel" role="status" aria-live="polite"></div>
                    </div>
                    <div class="settings-card">
                        <div id="archiveSearchResults"></div>
@ -695,7 +695,7 @@
                            <button type="button" class="btn-secondary" id="btnRefreshStorage" onclick="refreshStorageStats()">Aktualisieren</button>
                        </div>
                        <p id="storageCardIntro" class="card-intro">Disk-Verbrauch pro Streamer im aktuellen Download-Ordner. Live-Aufnahmen werden separat ausgewiesen.</p>
-                        <div id="storageSummary" class="form-sublabel" style="margin-bottom:8px;"></div>
+                        <div id="storageSummary" class="form-sublabel" style="margin-bottom:8px;" role="status" aria-live="polite"></div>
                        <div id="storageList"></div>

                        <hr>
@ -729,7 +729,7 @@
                            <button type="button" class="btn-secondary" id="btnCleanupDryRun" onclick="runCleanupDryRun()">Vorschau</button>
                            <button type="button" class="btn-secondary" id="btnCleanupRunNow" onclick="runCleanupNow()">Jetzt ausfuehren</button>
                        </div>
-                        <div id="cleanupReport" class="form-note"></div>
+                        <div id="cleanupReport" class="form-note" role="status" aria-live="polite"></div>
                    </div>

                    <div class="settings-card">
Author	SHA1	Message	Date
xRangerDE	0e81a47e9e	release: 4.6.155 aria-live on clipStatus + viewer-modal status fields Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-05-11 12:17:04 +02:00
xRangerDE	70643b4c08	a11y: aria-live=polite on clipStatus + chatViewer/eventsViewer status Three more user-triggered status messages that updated silently for screen-reader users: - clipStatus — clip download progress/result text below the URL input on the Clips tab - eventsViewerStatus — loading/error message inside the events viewer modal - chatViewerStatus — loading/error message + filter result count inside the chat viewer modal All three get role="status" + aria-live="polite". Same reasoning as 4.6.153/154 — the user explicitly clicks a button or opens a modal, then the result fills in asynchronously. Without aria-live the announcement was lost. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-05-11 12:16:49 +02:00
xRangerDE	86d68466f9	release: 4.6.154 aria-live on 3 more refresh-result status messages Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-05-11 12:11:27 +02:00
xRangerDE	ae156ff395	a11y: aria-live=polite on 3 more refresh-result status messages Following the cleanupReport fix in 4.6.153, three more user-triggered refresh result strings were updating silently: - statsLastScannedLabel — "Letzter Scan: <timestamp>" / "Scanne..." in the Archive-Statistik header after clicking Aktualisieren - archiveSearchSummary — "{matchCount} matches (scanned {scanned}…)" / "Scanne..." after clicking Suchen - storageSummary — "Total: {files} files, {size} — Free disk: {free}" / "Scanne..." after clicking Aktualisieren on the Storage card All three are textContent updates triggered by an explicit user action that finishes asynchronously. Without aria-live, screen reader users hear nothing after pressing the action button — the result text fills in off-screen. Added role="status" + aria-live="polite" to all three. "polite" because the result isn't urgent — the user requested it and waiting for a natural break in speech is fine. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-05-11 12:11:13 +02:00
xRangerDE	2d109077a0	release: 4.6.153 cleanupReport role=status + aria-live Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-05-11 12:06:58 +02:00
xRangerDE	25be77b4ab	a11y: cleanupReport gets role=status + aria-live=polite The Auto-Cleanup card has a "Vorschau" (dry-run) and "Jetzt ausfuehren" button pair followed by a cleanupReport div that displays the result text — "Wuerde X Dateien aelter als Y Tagen verschieben", "X Dateien archiviert", or "Fehler". Without an aria-live region, screen reader users who click the button never hear what happened: the focus is still on the button, the result text appears off to the side silently. Added role="status" + aria-live="polite" so the report's textContent change gets announced when it's set. "polite" because the report isn't an alert/error — the user requested the action, so they can wait for the screen reader's natural break in current speech to announce the result. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-05-11 12:06:40 +02:00