use-of-color

What problem does it solve? Interfaces often rely on color alone to signal errors, required fields, link states, or chart categories, which makes that information inaccessible to colorblind and low-vision users. This Skill scans your UI code and flags every place where color is the only indicator, then shows you how to fix it. ## Core Features & Use Cases - Violation Detection: Finds links without underlines, form errors shown only with red borders, required fields marked only by colored asterisks, and status indicators lacking icons or text. - Data Visualization Audits: Identifies charts and graphs that differentiate data series only by color without patterns, dashes, or legends. - Actionable Fixes: Each finding includes the file and line, the offending code snippet, and a compliant rewrite using icons, text, ARIA attributes, or additional visual cues. - Use Case: Before shipping a new checkout form, run the analysis on your form components to catch color-only error states and add proper aria-invalid attributes and error messages. ## Quick Start Analyze the files in src/components for WCAG 1.4.1 use-of-color violations and report each issue with a recommended fix.