A6-9V/MQL5-Google-Onedrive
1
0
Fork 0
forked from LengKundee/MQL5-Google-Onedrive
Code Pull requests Activity
MQL5-Google-Onedrive/.jules/palette.md
google-labs-jules[bot] 47719d6b2b feat(ux): enhance status badge accessibility with icons and contrast 
- Add semantic SVG icons (check-circle, alert-triangle) to status badges
- Darken badge background colors (green-700, amber-700) for WCAG AA compliance
- Update `index.html`, `dashboard/index.html`, and `scripts/web_dashboard.py`
- Verify with unit tests and PWA validation
2026-02-14 11:33:46 +00:00

855 B
Raw Permalink Blame History

PALETTE'S JOURNAL - CRITICAL LEARNINGS ONLY

2026-02-13 - [Brand Color Contrast Failure]

Learning: The brand color #667eea fails WCAG AA contrast (3.4:1) against white backgrounds, affecting accessibility for text headers and primary buttons. Action: Replace #667eea with #4f46e5 (Indigo 600) which passes WCAG AA (5.5:1) while maintaining brand identity. Update all instances including manifest.json.

2026-02-13 - [Status Indicator Accessibility]

Learning: Status badges relying solely on color (green vs red backgrounds) fail WCAG 1.4.1 Use of Color. Screen readers may not convey the semantic meaning of the background color alone. Action: Combine status colors with semantic SVG icons (check-circle/alert-triangle) and ensure sufficient contrast ratios (e.g., Green-700 instead of Green-500) for text legibility.