fix(a11y): WCAG AA contrast retune for the Otter Orange palette (#567)

Fixes #557. Vivid fill, ink label: brand #E07832 stays on fills while primary-foreground flips to #1A1814 (5.83:1); new theme-aware ink tokens carry orange, destructive, and success text roles; opacity-modified text purged; landing, demo, and the docs fund button retuned. Guarded by a CSS-parsing unit contrast test, rebuilt axe baselines with zero contrast entries, a new landing axe smoke, and fully regenerated darwin visual baselines.
This commit is contained in:
SnapOtter
2026-07-18 12:56:48 +08:00
committed by GitHub
parent 6241f8719f
commit 51022628dc
566 changed files with 856 additions and 707 deletions
-7
View File
@@ -811,13 +811,6 @@ test.describe("Color Contrast", () => {
}
});
// NOTE: the contrast checks below are deferred via test.fixme, not deleted.
// They surface a genuine finding: the Otter Orange brand (--color-primary
// #E07832) gives ~3.04:1 for white button text and ~2.91:1 for orange text
// on the off-white background, below WCAG AA (4.5:1 normal / 3:1 large). This
// needs a product/brand decision (darken the accent for text, or scope these
// checks to non-brand elements) rather than a silent test edit. Un-fixme once
// the palette decision lands.
test("button text meets WCAG AA contrast ratio (4.5:1 for normal text)", async ({
loggedInPage: page,
}) => {