MQL5-Google-Onedrive/.jules/palette.md

## 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.
🎨 Palette: Add skip-to-content link for accessibility 2026-02-08 11:20:56 +00:00			`## PALETTE'S JOURNAL - CRITICAL LEARNINGS ONLY`
🎨 Palette: Improve accessibility with WCAG compliant colors 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. 2026-02-10 11:11:06 +00:00
			`## 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.