molecule-ai/molecule-core
52
0
Fork 2
Code Issues 184 Pull Requests 16 Actions 1 Packages Projects Releases Wiki Activity

Canvas SSOT ships WCAG-AA-failing light tokens (good/bad/ink-soft) + has no a11y gate #2742

New Issue
Open
opened 2026-06-13 09:57:38 +00:00 by core-devops · 0 comments
core-devops commented 2026-06-13 09:57:38 +00:00
Member
Copy Link
Copy Source

Found via mobile-design-parity

The canvas @theme LIGHT tokens --color-good #0c8a52, --color-bad #c2403c, --color-ink-soft #6f6c62 fail WCAG AA 4.5:1 on their own tinted badge surfaces. Measured by molecule-app's axe e2e (the canonical SSOT consumer):

  • text-good #0c8a52 on bg-good/10 (#e7f3ee) = 3.86 (needs 4.5)
  • text-bad on bg-bad/10 (#f9ecec) = 4.45

The canvas has no color-contrast e2e, so it shipped these; molecule-app's stricter gate (issue #48) caught them when it adopted the canvas SSOT for design parity. molecule-app PR #85 had to keep its AA-hardened light values (good #2a6e44, bad #b0463f, ink-soft #656871) as documented exceptions — which means the SSOT is NOT fully converged.

Proper long-term fix

  1. Update the canvas @theme LIGHT good/bad/ink-soft to AA-compliant values (molecule-app's validated set is a known-good candidate). Dark mode already passes — leave it.
  2. Add a color-contrast axe e2e to the canvas (port molecule-app's a11y-contrast.spec.ts) so the SSOT can't regress to inaccessible tokens again — the SSOT repo should enforce its own a11y.
  3. Re-sync the mobile-web palette (palette.ts — currently inherits canvas #0c8a52 via #2740) + drop molecule-app's exception so all three surfaces reconverge byte-for-byte on the AA-compliant SSOT.

This touches the live desktop canvas brand (subtle, accessibility-improving darkening) → wants CTO review before rolling. Until then, molecule-app is AA-correct + brand-aligned (#85), mobile-web carries the canvas raw values (lower risk — not rendered on tinted text the same way).

## Found via mobile-design-parity The canvas `@theme` LIGHT tokens `--color-good #0c8a52`, `--color-bad #c2403c`, `--color-ink-soft #6f6c62` **fail WCAG AA 4.5:1** on their own tinted badge surfaces. Measured by molecule-app's axe e2e (the canonical SSOT consumer): - `text-good #0c8a52` on `bg-good/10` (#e7f3ee) = **3.86** (needs 4.5) - `text-bad` on `bg-bad/10` (#f9ecec) = **4.45** The canvas has **no color-contrast e2e**, so it shipped these; molecule-app's stricter gate (issue #48) caught them when it adopted the canvas SSOT for design parity. molecule-app PR #85 had to keep its AA-hardened light values (`good #2a6e44`, `bad #b0463f`, `ink-soft #656871`) as documented exceptions — which means the SSOT is NOT fully converged. ## Proper long-term fix 1. Update the canvas `@theme` LIGHT `good`/`bad`/`ink-soft` to AA-compliant values (molecule-app's validated set is a known-good candidate). Dark mode already passes — leave it. 2. Add a `color-contrast` axe e2e to the canvas (port molecule-app's `a11y-contrast.spec.ts`) so the SSOT can't regress to inaccessible tokens again — the SSOT repo should enforce its own a11y. 3. Re-sync the mobile-web palette (`palette.ts` — currently inherits canvas #0c8a52 via #2740) + drop molecule-app's exception so all three surfaces reconverge byte-for-byte on the AA-compliant SSOT. This touches the live desktop canvas brand (subtle, accessibility-improving darkening) → wants CTO review before rolling. Until then, molecule-app is AA-correct + brand-aligned (#85), mobile-web carries the canvas raw values (lower risk — not rendered on tinted text the same way).
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
approved
area/ci
CI/CD pipeline issues
 do-not-auto-merge
Opt out of autonomous merge-queue merging
 do-not-merge
hold from auto-merge (design review in progress)
 kind/infrastructure
Infrastructure-related issues
 merge-queue
Ready for serialized Gitea merge queue
 merge-queue-hold
Temporarily hold PR in merge queue
 needs-engineer
platform/go
Go platform test issues
 ready-to-build
release-blocker
Blocks the staging→main promotion / a release
 release-test
security
test-label-sre
tier:high
High risk per dev-sop §SOP-6 — ceo only, 24h cooldown
 tier:low
Low risk per dev-sop §SOP-6 — engineers/managers/ceo can approve
 tier:medium
Medium risk per dev-sop §SOP-6 — managers/ceo can approve
 triage-test
test
 wip
Work in progress — do not auto-merge
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
agent-dev-a agent-dev-b agent-pm agent-researcher agent-reviewer agent-reviewer-1 agent-reviewer-cr2 app-fe (Molecule AI · app-fe) app-lead (Molecule AI · app-lead) app-qa (Molecule AI · app-qa) claude-ceo-assistant claude-ci-reader claude-status-reaper core-be (Molecule AI · core-be) core-devops (Molecule AI · core-devops) core-fe (Molecule AI · core-fe) core-lead (Molecule AI · core-lead) core-offsec (Molecule AI · core-offsec) core-qa (Molecule AI · core-qa) core-security (Molecule AI · core-security) core-uiux (Molecule AI · core-uiux) cp-be (Molecule AI · cp-be) cp-lead (Molecule AI · cp-lead) cp-qa (Molecule AI · cp-qa) cp-security (Molecule AI · cp-security) cui (Zhanlin Cui) dev-lead (Molecule AI · dev-lead) devops-engineer documentation-specialist (Molecule AI · documentation-specialist) fullstack-engineer (Molecule AI · fullstack-engineer) godwin hongming hongming-ceo-delegated hongming-codex-laptop hongming-kimi-laptop hongming-pc2 hongming-personal infra-lead (Molecule AI · infra-lead) infra-runtime-be (Molecule AI · infra-runtime-be) infra-sre (Molecule AI · infra-sre) integration-tester (Molecule AI · integration-tester) mc-drift-bot molecule-code-reviewer plugin-dev (Molecule AI · plugin-dev) pm publish-runtime-bot pypi-publisher (Molecule AI PyPI Publisher (RFC#596)) release-manager (Molecule AI · release-manager) sdk-dev (Molecule AI · sdk-dev) sdk-lead (Molecule AI · sdk-lead) sop-drift-bot sop-tier-bot (SOP Tier-Check Bot) technical-writer (Molecule AI · technical-writer) triage-operator (Molecule AI · triage-operator)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: molecule-ai/molecule-core#2742
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?