From 370b9948a31974b581636419b2cb4dd80f63ab4d Mon Sep 17 00:00:00 2001 From: Ulas Date: Mon, 13 Apr 2026 16:54:19 +0200 Subject: [PATCH] feat: Phase 0 - Audit-Fixes + Glass-Token-Layer MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Accessibility fixes (WCAG 2.2): - K1: Entferne user-scalable=no aus viewport (WCAG 1.4.4) - K2: Korrigiere var(--color-background) → var(--color-bg) in settings.css - H1: --color-text-tertiary #737370 → #6B6B68 (WCAG AA: 4.52:1) - H2: --color-info #54AEFF → #0969DA (WCAG AA: 4.6:1 auf weiß) - H4+H5: Korrigiere nicht-existente Token-Referenzen in settings.css (--color-surface-raised → --color-surface-2, --duration-fast → --transition-fast) - H7: aria-label + role=presentation auf Modal-Overlay - N1: theme-color Meta-Tags auf tatsächliche Design-Tokens angleichen - N2: var(--color-text) → var(--color-text-primary) in notes.css - N3: Hardcoded #1E5CB3 → var(--color-accent-deep) in dashboard.css - N4: Hardcoded padding 2px 8px → Token-Referenzen in meals.css Neue Tokens: - --color-accent-deep: tiefer Akzent für Gradienten - Glass-Token-Layer (Section 16) mit 7 Kategorien: Hintergründe, Blur-Stufen, Opazitäten, Highlights, Schatten, Radien, Übergänge - Dark-Mode-Varianten für alle Glass-Tokens - prefers-reduced-transparency: opake Fallbacks - prefers-contrast: more: Kontrast-Fallbacks ohne Blur i18n: modal.overlayLabel in allen 9 Sprachen ergänzt --- public/components/modal.js | 2 +- public/index.html | 6 +- public/locales/de.json | 3 +- public/locales/el.json | 5 +- public/locales/en.json | 3 +- public/locales/es.json | 3 +- public/locales/fr.json | 5 +- public/locales/it.json | 3 +- public/locales/ru.json | 5 +- public/locales/sv.json | 3 +- public/locales/tr.json | 5 +- public/locales/zh.json | 5 +- public/styles/dashboard.css | 2 +- public/styles/meals.css | 2 +- public/styles/notes.css | 2 +- public/styles/settings.css | 6 +- public/styles/tokens.css | 129 +++++++++++++++++++++++++++++++++++- 17 files changed, 161 insertions(+), 28 deletions(-) diff --git a/public/components/modal.js b/public/components/modal.js index dde211e..d30c75d 100644 --- a/public/components/modal.js +++ b/public/components/modal.js @@ -195,7 +195,7 @@ export function openModal({ title, content, onSave, onDelete, size = 'md' } = {} const sizeClass = size !== 'md' ? ` modal-panel--${size}` : ''; const html = ` -