Color Contrast & Accessible Palettes — Roadmap Step & Resources
Verifying and adjusting palettes so text and UI meet contrast requirements
- Level: advanced
- Estimated time: 1 days
- Roadmap: UI Design
Before this step
Mini projects
- Audit an existing color palette against WCAG AA contrast requirements and fix any failures
Study resources
- WebAIM Contrast Checker (Article) — A hugely popular, free tool for checking color contrast against WCAG standards.
- Accessible Color Contrast Explained (Video) — Covers why contrast ratio matters for users with low vision.
Part of
- Accessibility in UI Design — section
- UI Design roadmap — the full learning path