Skip to content

--ink-muted fails AA contrast in 30+ text styles #154

Description

@jacuzzicoding

Surfaced by the v0.9.6-beta codebase health audit (A11Y-2).

--ink-muted (src/index.css:13, #8A8470) is used as text color in 30+ rules — row meta lines, stat labels, field hints, search-result metadata, settings descriptions, month-cell labels — all 10–13px text at ~3.3–3.7:1 on the cream background, below the 4.5:1 AA threshold. This is the single most pervasive a11y issue in the app.

Impact

Low-contrast secondary text throughout the UI fails WCAG AA for a large set of users.

Suggested fix

Darken the token (≈#6F6A58 reaches ~4.6:1 on the cream bg), or split into a decorative-muted (non-text) and a text-muted pair so fills keep the lighter value. Verify with a contrast checker. Note: warn/chip tokens used as small text ("Leaving soon" pill, group titles, category eyebrows) also fail AA and may warrant the same split (tracked here or as follow-up).

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions