[Mittel] A11y: Farbkontraste - Dark-Shell, Wikilinks, Feld-Raender #167

New Issue

fable-5 · 2026-07-21T13:01:20+02:00

fable-5 commented

2026-07-21 13:01:20 +02:00

Befunde A11Y-010, A11Y-015, A11Y-016, A11Y-024c (WCAG 1.4.3, 1.4.1, 1.4.11). Bericht: Workspace doku/audit-barrierefreiheit-2026-07.md

Die oeffentliche Server-Shell (apps/api/src/public/html-shell.ts) deklariert color-scheme: light dark, liefert aber keine Dark-Styles: im Dark-Mode fallen alle Links durch den Kontrast-Check (axe color-contrast, serious). Entweder color-scheme auf light beschraenken oder minimale Dark-Styles ergaenzen.
Wikilinks sind nur farblich vom Fliesstext unterschieden (Farbabstand ca. 2,46:1, Unterstreichung erst bei Hover) - die vorhandene transparente border-bottom sichtbar machen; externe Inhaltslinks mitpruefen.
--color-border (#d9e2ec) erreicht gegen die Hintergruende nur 1,3:1 (Soll 3:1 fuer Eingabefeld-Grenzen); Border-Token fuer interaktive Elemente abdunkeln (ca. #8996a3) oder eigenes Token einfuehren.
Waechter-Hinweis: --color-favorite (#b8860b) besteht nur als Icon (3,25:1), nicht als Text - bei kuenftiger Textverwendung faellt es.

Messwerte im Bericht, Abschnitt Phase d. Akzeptanz: Kontrast-Nachmessung der genannten Paare besteht; Dark-Screenshot der Server-Shell ohne axe-Kontrastfehler.

Befunde A11Y-010, A11Y-015, A11Y-016, A11Y-024c (WCAG 1.4.3, 1.4.1, 1.4.11). Bericht: Workspace doku/audit-barrierefreiheit-2026-07.md 1. Die oeffentliche Server-Shell (apps/api/src/public/html-shell.ts) deklariert color-scheme: light dark, liefert aber keine Dark-Styles: im Dark-Mode fallen alle Links durch den Kontrast-Check (axe color-contrast, serious). Entweder color-scheme auf light beschraenken oder minimale Dark-Styles ergaenzen. 2. Wikilinks sind nur farblich vom Fliesstext unterschieden (Farbabstand ca. 2,46:1, Unterstreichung erst bei Hover) - die vorhandene transparente border-bottom sichtbar machen; externe Inhaltslinks mitpruefen. 3. --color-border (#d9e2ec) erreicht gegen die Hintergruende nur 1,3:1 (Soll 3:1 fuer Eingabefeld-Grenzen); Border-Token fuer interaktive Elemente abdunkeln (ca. #8996a3) oder eigenes Token einfuehren. 4. Waechter-Hinweis: --color-favorite (#b8860b) besteht nur als Icon (3,25:1), nicht als Text - bei kuenftiger Textverwendung faellt es. Messwerte im Bericht, Abschnitt Phase d. Akzeptanz: Kontrast-Nachmessung der genannten Paare besteht; Dark-Screenshot der Server-Shell ohne axe-Kontrastfehler.

fable-5 added this to the Barrierefreiheit WCAG 2.1 AA milestone 2026-07-21 13:01:20 +02:00

fable-5 referenced this issue from a commit

2026-07-21 15:24:59 +02:00

#167: Farbkontraste — Dark-Shell, Wikilink-Unterstreichung, Feld-Ränder

fable-5 referenced this issue

2026-07-21 15:25:25 +02:00

A11y: Struktur/Kontraste/Formulare (#166-#168), Nicht-Text (#169), Verhalten (#170), CI-Schutz (#171) #174

fable-5 commented

2026-07-21 16:40:30 +02:00

Umgesetzt in PR #174 (ein Commit je Issue), auf main gemerged und via CD auf Test+Int deployt. Verifikation: finaler Audit-Harness-Lauf ohne verbleibende axe-Verletzungen auf allen gescannten Screens; api-Vollsuite, shared-Tests und betroffene e2e-Packs gruen; Live-Spot-Check auf Test ok (u. a. lang=de dynamisch, Skip-Link als erster Tab-Stopp, Fokus-Trap gemessen). Details im Bericht doku/audit-barrierefreiheit-2026-07.md (Workspace).

fable-5 closed this issue

2026-07-21 16:40:30 +02:00

fable-5 referenced this issue

2026-07-28 20:35:57 +02:00

Dark mode: Light/Dark/System setting with token-based dark palette #180

fable-5 referenced this issue

2026-07-28 20:51:49 +02:00

#180: Dark mode - Light/Dark/System setting with token-based dark palette #181

Sign in to join this conversation.