Skip to content

Fix colour contrast issues throughout src/theme/ to meet WCAG AA #611

Description

@success-OG

Labels: frontend accessibility

Background
docs/ACCESSIBILITY.md documents a WCAG AA compliance target. Several colour combinations in src/theme/ fail the 4.5:1 contrast ratio for normal text. Secondary text and placeholder colours are the main offenders.

What "Done" Looks Like

  • Audit all colour pairs in src/theme/ using a contrast ratio calculator
  • Fix all pairs that fail 4.5:1 (normal text) or 3:1 (large text / UI components)
  • Do not change primary brand colours — adjust secondary/tertiary shades only
  • Update src/theme/index.ts and verify changes in both light and dark mode
  • Include a contrast ratio table in the PR description showing before/after values

Metadata

Metadata

Assignees

Labels

Type

No type

Fields

No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions