glow/first-home-diy
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Accessibility: Footer legal text has poor contrast — WCAG AA failure #57

New issue
Closed
opened 2026-06-09 21:35:05 +00:00 by glow · 1 comment
glow commented 2026-06-09 21:35:05 +00:00
Owner
Copy link

The footer's affiliate/legal disclaimer is styled with `text-base-content/40` on `base-200` (#faf8f6). At 40% opacity, the effective contrast ratio is well below WCAG AA (4.5:1 for normal text).

Location

`src/routes/layout.tsx` line 283:
```tsx

\`\`\`

Suggested Fix

  • Increase opacity to `text-base-content/70` minimum
  • Increase font size from `text-xs` to `text-sm`
  • Audit all secondary label texts site-wide for the same issue
The footer's affiliate/legal disclaimer is styled with \`text-base-content/40\` on \`base-200\` (#faf8f6). At 40% opacity, the effective contrast ratio is well below WCAG AA (4.5:1 for normal text). ## Location \`src/routes/layout.tsx\` line 283: \`\`\`tsx <p class="text-xs text-base-content/40 leading-relaxed max-w-3xl"> \`\`\` ## Suggested Fix - Increase opacity to \`text-base-content/70\` minimum - Increase font size from \`text-xs\` to \`text-sm\` - Audit all secondary label texts site-wide for the same issue
glow closed this issue 2026-06-09 21:40:45 +00:00
glow commented 2026-06-09 21:40:51 +00:00
Author
Owner
Copy link

Fix applied in commit dc442bb

Changed the footer legal disclaimer <p> tag:

  • text-xs → text-sm (better readability)
  • text-base-content/40 → text-base-content/70 (WCAG AA contrast compliance)

Closes #57

**Fix applied** in commit dc442bb Changed the footer legal disclaimer `<p>` tag: - `text-xs` → `text-sm` (better readability) - `text-base-content/40` → `text-base-content/70` (WCAG AA contrast compliance) Closes #57
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
No results found.
Labels
Clear labels   
bug
Bug fix

  
feature
New feature

  
improvement
Code improvements and refactors

No labels
bug
feature
improvement
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
glow/first-home-diy#57
No description provided.