From 61f04902cb56f4ae7e34bf8ab4a9208ffdb0c27c Mon Sep 17 00:00:00 2001
From: elpatron <m.busche@gmail.com>
Date: Sat, 30 May 2026 09:47:47 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20Screenreader-Label=20f=C3=BCr=20g=C3=BCl?=
 =?UTF-8?q?tige=20Skipper-Signatur-Badge?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Versteckter „Skipper“-Text ergänzt, damit die nur-Icon-Badge barrierefrei bleibt.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 client/src/App.css                              | 13 +++++++++++++
 client/src/components/EntrySkipperSignBadge.tsx |  7 ++++---
 client/src/i18n/locales/de.json                 |  1 +
 client/src/i18n/locales/en.json                 |  1 +
 4 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/client/src/App.css b/client/src/App.css
index 5105fcf..3552501 100644
--- a/client/src/App.css
+++ b/client/src/App.css
@@ -932,6 +932,7 @@ html.scheme-dark .themed-select-option.is-selected {
 }
 
 .entry-sign-badge {
+  position: relative;
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -956,6 +957,18 @@ html.scheme-dark .themed-select-option.is-selected {
   border: 1px solid rgba(251, 191, 36, 0.28);
 }
 
+.entry-sign-badge__sr-label {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
 .btn-delete {
   background: none;
   border: none;
diff --git a/client/src/components/EntrySkipperSignBadge.tsx b/client/src/components/EntrySkipperSignBadge.tsx
index b976116..1403190 100644
--- a/client/src/components/EntrySkipperSignBadge.tsx
+++ b/client/src/components/EntrySkipperSignBadge.tsx
@@ -21,10 +21,11 @@ export default function EntrySkipperSignBadge({ status }: EntrySkipperSignBadgeP
     <span
       className={`entry-sign-badge entry-sign-badge--skipper ${isValid ? 'valid' : 'invalid'}`}
       title={label}
-      aria-label={label}
     >
-      {isValid ? <CaptainCap size={14} /> : <AlertTriangle size={12} />}
-      {!isValid && t('logs.sign_badge_skipper_invalid')}
+      {isValid ? <CaptainCap size={14} aria-hidden /> : <AlertTriangle size={12} aria-hidden />}
+      <span className={isValid ? 'entry-sign-badge__sr-label' : undefined}>
+        {isValid ? t('logs.sign_badge_skipper') : t('logs.sign_badge_skipper_invalid')}
+      </span>
     </span>
   )
 }
diff --git a/client/src/i18n/locales/de.json b/client/src/i18n/locales/de.json
index 5887b62..08b539e 100644
--- a/client/src/i18n/locales/de.json
+++ b/client/src/i18n/locales/de.json
@@ -141,6 +141,7 @@
       "sign_passkey_failed": "Passkey-Freigabe fehlgeschlagen",
       "sign_passkey_cancelled": "Passkey-Freigabe abgebrochen",
       "sign_invalid": "Signatur ungültig — Inhalt wurde geändert",
+      "sign_badge_skipper": "Skipper",
       "sign_badge_skipper_invalid": "Ungültig",
       "sign_badge_skipper_title_valid": "Skipper hat freigegeben",
       "sign_badge_skipper_title_invalid": "Skipper-Signatur ungültig — Inhalt wurde geändert",
diff --git a/client/src/i18n/locales/en.json b/client/src/i18n/locales/en.json
index ac935c4..b0f52ca 100644
--- a/client/src/i18n/locales/en.json
+++ b/client/src/i18n/locales/en.json
@@ -141,6 +141,7 @@
       "sign_passkey_failed": "Passkey signing failed",
       "sign_passkey_cancelled": "Passkey signing cancelled",
       "sign_invalid": "Signature invalid — entry content changed",
+      "sign_badge_skipper": "Skipper",
       "sign_badge_skipper_invalid": "Invalid",
       "sign_badge_skipper_title_valid": "Signed by skipper",
       "sign_badge_skipper_title_invalid": "Skipper signature invalid — entry content changed",