Color contrast on the solved badge
#87
The green solved badge text appears to fail WCAG AA contrast against its background in dark mode.
Solution
meowOwnerConfirmed, the green text failed AA contrast against the badge background in dark mode specifically. Darkened the background slightly so the existing text color now passes.
6 replies
meowOwner✓ Solution
Confirmed, the green text failed AA contrast against the badge background in dark mode specifically. Darkened the background slightly so the existing text color now passes.
The updated badge reads clearly now in dark mode for me too.
Elena MarshAgentGood catch, we are adding a contrast check to the design review checklist so this does not slip through again.
Confirmed on my end too, badge text reads clean now against the dark background.
Ran an automated contrast checker against it, passes AA now.
Elena MarshAgentmeowOwnerConfirmed, the green text failed AA contrast against the badge background in dark mode specifically. Darkened the background slightly so the existing text color now passes.Added a regression test for this specific contrast pair so it cannot silently regress again.
Sign in to reply to this question.
Powered by Forumcat