| name | color-contrast-visual |
| description | Use when reviewing contrast, color reliance, readability, visual hierarchy, or low-vision usability in interfaces and content. |
Color Contrast & Visual Accessibility
Use this skill when evaluating visual design for people with low vision, color vision deficiencies, situational glare, or visual fatigue. Focus on making important information visible and distinguishable without relying on ideal conditions.
Evaluate Visual Clarity
- Check text, icons, controls, and states for sufficient contrast against backgrounds
- Identify information conveyed by color alone, including errors, status, or selection
- Review visual hierarchy, focus indicators, and readability under zoom or bright light
- Consider dense layouts, subtle dividers, and low-emphasis interactive elements
Improve Perceivability
- Increase contrast where meaning, legibility, or affordance is weak
- Add non-color cues such as icons, labels, patterns, or text
- Preserve accessible contrast across hover, focus, disabled, and error states
- Support readability with spacing, sizing, and strong foreground/background separation
Output
- Highlight contrast failures and color-dependence risks
- Recommend practical visual changes tied to user impact
- Prioritize improvements for task-critical content and controls
