From 633cb98462977f046c8324aaeb6de5ae5135c6ed Mon Sep 17 00:00:00 2001 From: Barely Removable Date: Sat, 22 Aug 2026 13:01:46 -0700 Subject: [PATCH] =?UTF-8?q?Fix=20severity=20pill=20contrast=20=E2=80=94=20?= =?UTF-8?q?both=20failed=20WCAG=20AA=20on=20their=20own=20tinted=20backgro?= =?UTF-8?q?und?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- static/style.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/static/style.css b/static/style.css index 937af26..b3f6ef7 100644 --- a/static/style.css +++ b/static/style.css @@ -49,8 +49,14 @@ --slab-rule: #c2c8d2; --good: #16853f; - --good-text: #127034; - --warning: #a86200; + /* These two are the TEXT colour inside severity pills, which sit on a 15% + tint of themselves — a much lighter ground than the white they were + first picked against. Measured in place, the original pair came in at + 4.38:1 and 3.37:1, both under the 4.5:1 AA floor for 12px text, on the + labels that carry this app's actual verdict. Darkened until they pass + with margin. */ + --good-text: #0d5c2a; + --warning: #8a5000; /* Deliberately darker and browner than --brand so a severity red never reads as the brand red sitting next to it. */ --critical: #8f1d1d;