[#114] Fix footer copyright text WCAG AA contrast#120
Conversation
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
project7-interns
left a comment
There was a problem hiding this comment.
Verdict: APPROVE
Summary
The PR makes the exact footer contrast fix requested in issue #114 with a minimal single-line change in Footer.tsx. The updated size and color class remove the obvious WCAG AA risk called out in the issue.
Findings
- None.
Decision
Approve because the implementation matches the acceptance criteria, stays narrowly scoped, and the lint-and-typecheck check passed.
project7-interns
left a comment
There was a problem hiding this comment.
T2b Review: REQUEST CHANGES
The direction is correct (removing opacity + increasing font size), but the result still doesn't meet WCAG AA for normal text:
text-mutedresolves to#737373on#0a0a0abackground → 4.18:1 contrast ratio- WCAG AA requires 4.5:1 for normal text (12px /
text-xsis not large text)
Suggested fix (pick one):
- Bump
--text-mutedinglobals.cssfrom#737373to#7a7a7aor higher (passes 4.5:1 globally) - Use a one-off lighter color on this element (e.g.
text-neutral-400or similar that yields ≥4.5:1) - Increase to
text-sm(14px) — still normal text though, so color fix is the real solution
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
project7-interns
left a comment
There was a problem hiding this comment.
T2b Re-review: APPROVE
text-neutral-400 (#a3a3a3) on #0a0a0a yields ~6.3:1 contrast — comfortably passes WCAG AA (4.5:1). Good fix.
project7-interns
left a comment
There was a problem hiding this comment.
Verdict: REQUEST CHANGES
Summary
The font-size increase is correct, but the footer text still does not meet WCAG AA contrast after this PR. text-muted resolves to #737373 in src/app/globals.css, and against the existing #0a0a0a background that is only 4.18:1, still below the required 4.5:1 for normal text.
Findings
- [medium] Footer contrast is still below WCAG AA after this change
- File:
src/components/Footer.tsx:28 - Suggestion: Use a lighter compliant color for this element, or raise
--text-mutedinsrc/app/globals.cssto at least#7a7a7aso the footer text actually clears 4.5:1.
- File:
Decision
Request changes because the current patch does not fully satisfy issue #114's accessibility requirement.
Summary
text-[10px]totext-xs(12px) for minimum readable size/60opacity modifier fromtext-muted/60to improve contrast ratio to WCAG AA complianceFixes #114
Test plan
text-mutedagainst dark background (#0a0a0a) — should pass WCAG AA (4.5:1)🤖 Generated with Claude Code