From b406a9c5f7f0cedd866e64bfa722eaad7704641e Mon Sep 17 00:00:00 2001
From: Schalli <kschaller@ctl.de>
Date: Mon, 21 Sep 2026 14:54:06 +0200
Subject: [PATCH] fix(quick-260921-jt4): drei Statussymbole in
 calendar-settings-panel tragen role="img" (D-03)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Die drei <span> mit aria-label ("Sync error"/"Connection OK"/
"Connection error") hatten die Rolle generic, die keine ARIA-Merkmale
traegt — die Beschriftung wurde stillschweigend verworfen. role="img"
ergaenzt (geprueft sauber, keine useSemanticElements-Neuausloesung).
Die Beschriftung ist hier der einzige Text des Symbols (svg bereits
aria-hidden) — Ursache behoben, nicht das Attribut gestrichen.

Erfolgsfall nutzt den vorhandenen Schluessel calendar.connectionSuccess
woertlich; fuer die beiden Fehlerfaelle neue kurze Schluessel
syncErrorLabel/connectionFailedLabel (der vorhandene connectionError
ist ein ganzer Hinweissatz, als Symbolbeschriftung zu lang). Die drei
fest verdrahteten englischen Texte damit aus der deutschen Oberflaeche.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01TPPB4ApQxzSU1rwV2Ffj9J
---
 .../settings/calendar-settings-panel.test.tsx | 15 +++++++++++++
 .../settings/calendar-settings-panel.tsx      | 21 +++++++++++++++----
 apps/web/src/messages/de.json                 |  2 ++
 apps/web/src/messages/en.json                 |  2 ++
 4 files changed, 36 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/components/settings/calendar-settings-panel.test.tsx b/apps/web/src/components/settings/calendar-settings-panel.test.tsx
index 8ca7c8a..cbaa822 100644
--- a/apps/web/src/components/settings/calendar-settings-panel.test.tsx
+++ b/apps/web/src/components/settings/calendar-settings-panel.test.tsx
@@ -13,6 +13,9 @@ vi.mock('next-intl', () => ({
         'calendar.deleteDialogLabel': 'Löschen bestätigen',
         'calendar.saveError': 'Fehler beim Speichern',
         'calendar.saveSuccess': 'Gespeichert',
+        'calendar.connectionSuccess': 'Verbindung erfolgreich',
+        'calendar.syncErrorLabel': 'Synchronisierungsfehler',
+        'calendar.connectionFailedLabel': 'Verbindung fehlgeschlagen',
       },
       settings: {
         sourceDeleteCta: 'Quelle löschen',
@@ -129,3 +132,15 @@ describe('CalendarSettingsPanel — delete confirmation dialog (D-01, T-JT4-04)'
     expect(screen.getByRole('alertdialog')).toBeInTheDocument();
   });
 });
+
+describe('CalendarSettingsPanel — Statussymbole tragen role="img" (D-03)', () => {
+  it('der Sync-Fehler-Indikator ist per Rolle+Name ansprechbar, statt sein aria-label an einem rollenlosen <span> zu verschwenden', async () => {
+    vi.mocked(fetchSources).mockResolvedValue([
+      { ...baseSource, lastSyncError: 'Verbindung abgelehnt' },
+    ]);
+    render(<CalendarSettingsPanel />);
+    await screen.findByText('Firmenkalender');
+
+    expect(screen.getByRole('img', { name: 'Synchronisierungsfehler' })).toBeInTheDocument();
+  });
+});
diff --git a/apps/web/src/components/settings/calendar-settings-panel.tsx b/apps/web/src/components/settings/calendar-settings-panel.tsx
index 42d0e98..1b7daff 100644
--- a/apps/web/src/components/settings/calendar-settings-panel.tsx
+++ b/apps/web/src/components/settings/calendar-settings-panel.tsx
@@ -154,12 +154,17 @@ export function CalendarSettingsPanel() {
                 {TYPE_LABELS[source.type] || source.type}
               </span>
 
-              {/* Connection status indicator */}
+              {/* Connection status indicator. role="img" (D-03): die
+                  Beschriftung ist der EINZIGE Text dieser Symbole (das
+                  <svg> darin ist bereits aria-hidden) — ohne Rolle ist ein
+                  <span> "generic" und die Vorlesehilfe verwirft
+                  aria-label stillschweigend. */}
               {source.lastSyncError ? (
                 <span
                   title={source.lastSyncError}
                   className="text-orange-500"
-                  aria-label="Sync error"
+                  role="img"
+                  aria-label={t('calendar.syncErrorLabel')}
                 >
                   <svg
                     aria-hidden="true"
@@ -179,7 +184,11 @@ export function CalendarSettingsPanel() {
                   </svg>
                 </span>
               ) : testResults[source.id] === 'success' ? (
-                <span className="text-green-500" aria-label="Connection OK">
+                <span
+                  className="text-green-500"
+                  role="img"
+                  aria-label={t('calendar.connectionSuccess')}
+                >
                   <svg
                     aria-hidden="true"
                     xmlns="http://www.w3.org/2000/svg"
@@ -196,7 +205,11 @@ export function CalendarSettingsPanel() {
                   </svg>
                 </span>
               ) : testResults[source.id] === 'error' ? (
-                <span className="text-orange-500" aria-label="Connection error">
+                <span
+                  className="text-orange-500"
+                  role="img"
+                  aria-label={t('calendar.connectionFailedLabel')}
+                >
                   <svg
                     aria-hidden="true"
                     xmlns="http://www.w3.org/2000/svg"
diff --git a/apps/web/src/messages/de.json b/apps/web/src/messages/de.json
index 05d1f59..a82028a 100644
--- a/apps/web/src/messages/de.json
+++ b/apps/web/src/messages/de.json
@@ -257,6 +257,8 @@
       "configSourcesLink": "Einstellungen → Dashboard → Kalender",
       "connectionSuccess": "Verbindung erfolgreich",
       "connectionError": "Verbindung fehlgeschlagen. Bitte überprüfen Sie die URL und Zugangsdaten.",
+      "syncErrorLabel": "Synchronisierungsfehler",
+      "connectionFailedLabel": "Verbindung fehlgeschlagen",
       "addSource": "Quelle hinzufügen",
       "sourceEmpty": "Keine Kalenderquellen eingerichtet. Fügen Sie eine Quelle hinzu, um Termine anzuzeigen.",
       "formFieldName": "Name",
diff --git a/apps/web/src/messages/en.json b/apps/web/src/messages/en.json
index 4b24374..6ab4ca7 100644
--- a/apps/web/src/messages/en.json
+++ b/apps/web/src/messages/en.json
@@ -257,6 +257,8 @@
       "configSourcesLink": "Settings → Dashboard → Calendar",
       "connectionSuccess": "Connection successful",
       "connectionError": "Connection failed. Please check the URL and credentials.",
+      "syncErrorLabel": "Sync error",
+      "connectionFailedLabel": "Connection failed",
       "addSource": "Add source",
       "sourceEmpty": "No calendar sources configured. Add a source to display events.",
       "formFieldName": "Name",