color-accessibility
CommunityMake color palettes accessible to all users.
Design & Creative#wcag#contrast#design-systems#color-accessibility#accessibility-testing#color-vision-deficiency
Authorjaainil
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Accessible color design ensures all users, including those with color vision deficiency, can access and understand information. It also emphasizes sufficient contrast and inclusive usage across UI, data visuals, and reports.
Core Features & Use Cases
- Define WCAG-compliant contrast ratios for normal and large text, UI components, and focus indicators.
- Simulate color vision deficiencies to ensure palette differentiability in designs and visualizations.
- Integrate color guidelines into design systems and product interfaces for inclusive experiences.
Quick Start
Evaluate your current color palette for accessibility and adjust contrasts and color differences to meet WCAG AA standards.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: color-accessibility Download link: https://github.com/jaainil/vivid-valid/archive/main.zip#color-accessibility Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.