forked from LengKundee/MQL5-Google-Onedrive
bd7af74184
Updated status badges, status values, and skip links in index.html, dashboard/index.html, and scripts/web_dashboard.py to use darker shades (Emerald 700, Amber 700, Indigo 700) instead of lighter ones (Emerald 500, Amber 500, Indigo 400). This ensures text meets WCAG AA contrast ratio requirements (4.5:1) against white backgrounds. Also updated the .jules/palette.md journal.
5 lines
527 B
Markdown
5 lines
527 B
Markdown
## PALETTE'S JOURNAL - CRITICAL LEARNINGS ONLY
|
|
|
|
## 2026-02-18 - Color Contrast in Dashboard Badges
|
|
**Learning:** Standard Tailwind colors like `text-green-500` or `bg-amber-500` often fail WCAG AA contrast ratios (4.5:1) when used with white text or backgrounds. Specifically, `bg-amber-500` (#f59e0b) on white text is ~2.2:1, which is inaccessible.
|
|
**Action:** Use darker shades (700 scale, e.g., `emerald-700`, `amber-700`, `indigo-700`) for badges and important text on white backgrounds to ensure accessibility compliance.
|