A11y Nutrition Label: Ausreichenden Kontrast für alle Hauptflows nachweisen

[mpwg]

Kontext

Apple bewertet „Sufficient Contrast“ danach, ob Text, Icons und Controls in den üblichen Aufgaben ausreichenden Kontrast zum Hintergrund haben, typischerweise mindestens 4.5:1 für normalen Text.

Audit am 2026-04-30:

• Das Designsystem enthält helle und dunkle Farbwerte, aber keine belegte Kontrastmatrix.
• Viele UI-Elemente nutzen Opacity-Varianten (.secondary, eigene SymiOpacity-Werte, transparente Fills, Gradients und Schatten).
• Es wurde keine Nutzung von accessibilityContrast gefunden, um bei erhöhter Kontrasteinstellung stärkere Farben/Striche zu wählen.

Aufgabe

• Farb- und Opacity-Tokens für Light/Dark Mode gegen WCAG-Kontrastziele prüfen.
• Kritische Text-, Icon-, Button-, Chip-, Kalender- und Statuskombinationen anpassen.
• @Environment(\.accessibilityContrast) in Shared-Styles bzw. Designsystem berücksichtigen, wo Systemkontrast verstärkte Darstellung erwartet.
• Kontrast-QA dokumentieren und idealerweise automatisiert oder per Screenshot-Matrix absichern.

Akzeptanzkriterien

• Hauptflows erfüllen ausreichenden Kontrast in Light und Dark Mode.
• Erhöhter Systemkontrast führt bei relevanten Komponenten zu sichtbar stärkerer Darstellung.
• Die geprüften Token-/Komponenten-Kombinationen sind nachvollziehbar dokumentiert.

Apple-Kriterium: https://developer.apple.com/help/app-store-connect/manage-app-accessibility/sufficient-contrast-accessibility-evaluation-criteria