mirror of
https://github.com/snapotter-hq/SnapOtter.git
synced 2026-08-03 07:46:42 +02:00
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:
@@ -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,
|
||||
}) => {
|
||||
|
||||
Reference in New Issue
Block a user