Kontaktkarte: CTA-Button mit 4,5:1 Kontrast (Weiß auf dunklerem Blau)

Weiß auf #0793CF kam nur auf 3,45:1 (hell und dunkel). Der Button auf der
Kontaktkarte nutzt jetzt hsl(198 93% 35%) = 4,76:1, beim Hovern
hsl(198 93% 30%) = 6,08:1. Der Test nimmt den Button nicht mehr aus,
sondern prüft Ruhe- und Hover-Farbe aller Buttons auf den Karten.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
rootandClaude Opus 5.5 committed 2026-10-01 12:10:27 +00:00
1 parent 003f9e67aa
commit e6d603cd0c
2 files changed
+25 -3

No files matched your search

+3 -1
View File
@@ -39,9 +39,11 @@ const Contact = () => {
data-analytics-cta="Potenzialanalyse starten"
data-analytics-location="contact_section"
>
{/* Etwas dunkleres Blau als der Standard-Button (3,45:1 -> 4,76:1 mit weißem Text, Hover 6,08:1);
die Farbe gilt in beiden Themes, weil der Button nicht von Theme-Farben abhängt. */}
<Button
size="lg"
className="btn-minimal rounded-full px-8 py-6 text-base font-medium group"
className="btn-minimal rounded-full px-8 py-6 text-base font-medium group bg-[hsl(198,93%,35%)] hover:bg-[hsl(198,93%,30%)]"
>
Potenzialanalyse starten
<ArrowRight className="w-4 h-4 ml-2 group-hover:translate-x-1 transition-transform" />