a11y: Fix color contrast issues in footer text

[BillChirico]

Description

The footer has color contrast accessibility violations that cause axe-core scans to fail.

Details

• Issue: Color contrast ratio is insufficient for footer text
• Impact: May make text difficult to read for users with visual impairments
• Current workaround: Excluded color-contrast rule in E2E accessibility tests

Tasks

• Audit footer text and background color combinations
• Update colors to meet WCAG AA contrast requirements (4.5:1 for normal text, 3:1 for large text)
• Re-enable color-contrast rule in e2e/accessibility.spec.ts

References

• WCAG 2.1 Success Criterion 1.4.3: Contrast (Minimum)
• Related file: e2e/accessibility.spec.ts

[coderabbitai]

🔗 Similar Issues

Related Issues

• Implement alt text validation for images #32
• Add semantic HTML improvements #39

👤 Suggested Assignees

• BillChirico

---

Enable issue planning

_{To enable issue planning, add the following to your .coderabbit.yaml:}

issue_enrichment:
  planning:
    enabled: true

_{You can then request a plan by commenting @coderabbitai plan on any issue.}

🧪 Issue enrichment is currently in early access.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord or schedule a call!