fix: Screenreader-Label für gültige Skipper-Signatur-Badge
Versteckter „Skipper“-Text ergänzt, damit die nur-Icon-Badge barrierefrei bleibt. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -932,6 +932,7 @@ html.scheme-dark .themed-select-option.is-selected {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.entry-sign-badge {
|
.entry-sign-badge {
|
||||||
|
position: relative;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
@@ -956,6 +957,18 @@ html.scheme-dark .themed-select-option.is-selected {
|
|||||||
border: 1px solid rgba(251, 191, 36, 0.28);
|
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 {
|
.btn-delete {
|
||||||
background: none;
|
background: none;
|
||||||
border: none;
|
border: none;
|
||||||
|
|||||||
@@ -21,10 +21,11 @@ export default function EntrySkipperSignBadge({ status }: EntrySkipperSignBadgeP
|
|||||||
<span
|
<span
|
||||||
className={`entry-sign-badge entry-sign-badge--skipper ${isValid ? 'valid' : 'invalid'}`}
|
className={`entry-sign-badge entry-sign-badge--skipper ${isValid ? 'valid' : 'invalid'}`}
|
||||||
title={label}
|
title={label}
|
||||||
aria-label={label}
|
|
||||||
>
|
>
|
||||||
{isValid ? <CaptainCap size={14} /> : <AlertTriangle size={12} />}
|
{isValid ? <CaptainCap size={14} aria-hidden /> : <AlertTriangle size={12} aria-hidden />}
|
||||||
{!isValid && t('logs.sign_badge_skipper_invalid')}
|
<span className={isValid ? 'entry-sign-badge__sr-label' : undefined}>
|
||||||
|
{isValid ? t('logs.sign_badge_skipper') : t('logs.sign_badge_skipper_invalid')}
|
||||||
|
</span>
|
||||||
</span>
|
</span>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -141,6 +141,7 @@
|
|||||||
"sign_passkey_failed": "Passkey-Freigabe fehlgeschlagen",
|
"sign_passkey_failed": "Passkey-Freigabe fehlgeschlagen",
|
||||||
"sign_passkey_cancelled": "Passkey-Freigabe abgebrochen",
|
"sign_passkey_cancelled": "Passkey-Freigabe abgebrochen",
|
||||||
"sign_invalid": "Signatur ungültig — Inhalt wurde geändert",
|
"sign_invalid": "Signatur ungültig — Inhalt wurde geändert",
|
||||||
|
"sign_badge_skipper": "Skipper",
|
||||||
"sign_badge_skipper_invalid": "Ungültig",
|
"sign_badge_skipper_invalid": "Ungültig",
|
||||||
"sign_badge_skipper_title_valid": "Skipper hat freigegeben",
|
"sign_badge_skipper_title_valid": "Skipper hat freigegeben",
|
||||||
"sign_badge_skipper_title_invalid": "Skipper-Signatur ungültig — Inhalt wurde geändert",
|
"sign_badge_skipper_title_invalid": "Skipper-Signatur ungültig — Inhalt wurde geändert",
|
||||||
|
|||||||
@@ -141,6 +141,7 @@
|
|||||||
"sign_passkey_failed": "Passkey signing failed",
|
"sign_passkey_failed": "Passkey signing failed",
|
||||||
"sign_passkey_cancelled": "Passkey signing cancelled",
|
"sign_passkey_cancelled": "Passkey signing cancelled",
|
||||||
"sign_invalid": "Signature invalid — entry content changed",
|
"sign_invalid": "Signature invalid — entry content changed",
|
||||||
|
"sign_badge_skipper": "Skipper",
|
||||||
"sign_badge_skipper_invalid": "Invalid",
|
"sign_badge_skipper_invalid": "Invalid",
|
||||||
"sign_badge_skipper_title_valid": "Signed by skipper",
|
"sign_badge_skipper_title_valid": "Signed by skipper",
|
||||||
"sign_badge_skipper_title_invalid": "Skipper signature invalid — entry content changed",
|
"sign_badge_skipper_title_invalid": "Skipper signature invalid — entry content changed",
|
||||||
|
|||||||
Reference in New Issue
Block a user