From 7b6ced781864f82e6887fe775f75274eea707a30 Mon Sep 17 00:00:00 2001 From: xRangerDE Date: Mon, 11 May 2026 08:12:12 +0200 Subject: [PATCH] a11y: aria-hidden on all 12 decorative SVG icons MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Every in index.html is a decorative graphic that visually reinforces an adjacent text label — the logo SVG sits next to "Twitch VOD Manager", the 7 nav-item SVGs each pair with their tab name, the refresh button SVG sits next to "Aktualisieren", and the 3 empty-state SVGs sit above a heading + paragraph. The graphics carry no information that isn't already in the surrounding text. Without aria-hidden, screen readers either announce these as "image" / "graphic" (depending on implementation) or silently traverse them — neither adds value, and the former adds noise to nav navigation in particular. Added aria-hidden="true" to all 12 SVG elements in static HTML. Screen readers now skip them and read just the labelled text, which is the desired UX for decorative icons. (The two existing aria-hidden="true" attributes on the flag-icon spans in the language picker were already correct and are not affected.) Co-Authored-By: Claude Opus 4.7 (1M context) --- src/index.html | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/src/index.html b/src/index.html index 6bd0f1d..2551b68 100644 --- a/src/index.html +++ b/src/index.html @@ -181,37 +181,37 @@
@@ -288,7 +288,7 @@
- +

Keine VODs

Wahle einen Streamer aus der Liste oder fuge einen neuen hinzu.

@@ -329,7 +329,7 @@
- +

Video auswahlen um Vorschau zu sehen

@@ -398,7 +398,7 @@
- +

Keine Videos ausgewahlt