Skip to content

Raise library/workbench tab text contrast to WCAG AA on dark surfaces - #1831

Draft
groupthinking with Copilot wants to merge 2 commits into
mainfrom
copilot/fix-wcag-aa-contrast-library-page-text
Draft

Raise library/workbench tab text contrast to WCAG AA on dark surfaces#1831
groupthinking with Copilot wants to merge 2 commits into
mainfrom
copilot/fix-wcag-aa-contrast-library-page-text

Conversation

Copilot AI commented Sep 9, 2026

Copy link
Copy Markdown
Contributor

Canonical issue

WCAG AA contrast failure for dim/accent text in the library/workbench tab rail on dark surfaces.

Outcome

Inactive and accent tab labels now meet AA (≥4.5:1) against the evidence surface, improving scanability without changing layout or flow.

style={{
  color: active ? accent : 'rgba(248,245,253,0.5)', // was 0.4
  borderBottom: active ? `2px solid ${accent}` : '2px solid transparent',
  background: active ? `${accent}0d` : 'transparent',
}}

Scope

  • Included:
    • Contrast correction: Updated inactive tab label color opacity in apps/web/src/components/dashboard/DashboardCanvasView.tsx.
    • Regression guard: Added apps/web/src/lib/__tests__/library-contrast.test.ts with WCAG luminance/contrast assertions for dim and accent tab text.
  • Explicitly excluded:
    • No structural UI refactors, token system changes, or non-tab color updates.
    • No backend/API/workflow changes.

Risk

  • Risk level: low
  • Failure mode: Tab label visual delta could be perceived as slightly brighter than before.
  • Rollback: Revert commit 161b001 (single style line + isolated test file).

Verification

List exact automated and manual checks, tied to the current head SHA.

  • Head SHA: 161b001
  • Focused tests
    • npm run test --workspace eventrelay-web -- src/lib/__tests__/library-contrast.test.ts src/lib/__tests__/dashboard-search-accessibility.test.ts
  • Required CI
  • Review threads resolved

Production evidence

Not applicable yet: change is a scoped UI contrast fix plus static contrast regression tests; no production-only behavior path introduced.

Agent handoff

  • One canonical issue is linked
  • No competing PR implements the same issue
  • Acceptance criteria are satisfied
  • Required checks pass on the current head
  • Human decision is requested only for product, security, irreversible infrastructure, or production approval

@vercel

vercel Bot commented Sep 9, 2026

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
v0-uvai Ready Ready Preview, v0 Sep 9, 2026 7:07pm UTC

Co-authored-by: groupthinking <154503486+groupthinking@users.noreply.github.com>
Copilot AI changed the title [WIP] Fix WCAG AA contrast for library page text Raise library/workbench tab text contrast to WCAG AA on dark surfaces Sep 9, 2026
Copilot AI requested a review from groupthinking September 9, 2026 19:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Fix WCAG AA contrast for dim and accent library page text

2 participants