marcel/familienarchiv
1
0
Fork 0
Code Issues 119 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix(a11y): darken journey badge text from #b46820 to #7a3f0e for WCAG AA

Browse Source 
Previous #b46820 on #fef0e6 = 3.81:1 — fails 4.5:1 required for text-xs
(12px normal text). #7a3f0e on #fef0e6 = 7.4:1 — passes WCAG AAA.
Dark-mode #e8862a on #3a2a1a = 5.16:1 — already passing, unchanged.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-06-09 08:04:04 +02:00
parent 7a5c2d0ba3
commit 55e3e4c531
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/routes/layout.css
View File

@@ -134,9 +134,9 @@
--c-parchment: #faf8f1; --c-parchment: #faf8f1;
/* Journey / Lesereise — orange semantic tokens /* Journey / Lesereise — orange semantic tokens
Text #B46820 on bg #FEF0E6 ≈ 4.6:1 — WCAG AA ✓ at 12px bold (normal-text threshold) */ Text #7A3F0E on bg #FEF0E6 ≈ 7.4:1 — WCAG AAA ✓ (text-xs requires 4.5:1 normal-text) */
--c-journey-bg: #fef0e6; --c-journey-bg: #fef0e6;
--c-journey-text: #b46820; --c-journey-text: #7a3f0e;
--c-journey-border: #f0c99a; --c-journey-border: #f0c99a;
/* Tag color tokens — decorative dot colors on tag chips */ /* Tag color tokens — decorative dot colors on tag chips */
@@ -259,7 +259,7 @@
--c-gutter-stripe: rgba(161, 220, 216, 0.14); --c-gutter-stripe: rgba(161, 220, 216, 0.14);
/* Journey / Lesereise — muted warm tint on dark navy; text #E8862A on /* Journey / Lesereise — muted warm tint on dark navy; text #E8862A on
#3A2A1A ≈ 4.7:1 — WCAG AA ✓ at 12px bold (normal-text threshold) */ #3A2A1A ≈ 5.2:1 — WCAG AA ✓ (text-xs requires 4.5:1 normal-text) */
--c-journey-bg: #3a2a1a; --c-journey-bg: #3a2a1a;
--c-journey-text: #e8862a; --c-journey-text: #e8862a;
--c-journey-border: #7a4a1e; --c-journey-border: #7a4a1e;