jkense/wcag-audit-perceivable-color-blindness
skills/wcag-audit-perceivable-color-blindness/SKILL.md
Simulate how colors appear to users with different types of color blindness
testing
Updated Apr 6, 2026
$ install --global
skillsauthnpx skillsauth add jkense/agent-skills-wcag wcag-audit-perceivable-color-blindnessInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 24, 2026, 8:39 PM2.6s1 file scanned
SKILL.md
- name:
- wcag-audit-perceivable-color-blindness
- description:
- Simulate how colors appear to users with different types of color blindness
When to Use
Use this tool when designing color schemes to ensure accessibility for users with color vision deficiencies, testing color-dependent information, or validating color contrast for different types of color blindness.
Usage
Command Line
node scripts/simulate.js --color "#FF0000" --type protanopia
node scripts/simulate.js --color "rgb(255,0,0)" --type deuteranopia
node scripts/simulate.js --color "#00FF00" --type tritanopia
JSON Input
node scripts/simulate.js --json '{"color": "#FF0000", "type": "protanopia"}'
Parameters
--color: Color to simulate (hex, rgb)--type: Type of color blindness (protanopia, deuteranopia, tritanopia)--json: JSON input with color and type properties
Supported Color Blindness Types
- Protanopia: Red-blind (missing red cones)
- Deuteranopia: Green-blind (missing green cones)
- Tritanopia: Blue-blind (missing blue cones)
Output
Returns JSON with simulated color values:
{
"original": "#FF0000",
"simulated": "#5A5A5A",
"type": "protanopia",
"description": "Red-blind simulation"
}
Examples
Simulate red color for protanopia
$ node scripts/simulate.js --color "#FF0000" --type protanopia
Original: #FF0000 (rgb(255,0,0))
Protanopia: #5A5A5A (rgb(90,90,90))
This red appears as a dark gray to someone with protanopia
Test multiple colors
$ node scripts/simulate.js --color "#00FF00" --type deuteranopia
Original: #00FF00 (rgb(0,255,0))
Deuteranopia: #8C8C8C (rgb(140,140,140))
This green appears as a medium gray to someone with deuteranopia
Best Practices
- Don't rely on color alone: Use shapes, patterns, or text labels in addition to color
- Test critical color combinations: Check that important information remains distinguishable
- Consider contrast: Even with color blindness simulation, ensure adequate contrast ratios
- Test all types: Check designs against all three main types of color blindness
Learn More
For more information about Agent Skills and how they extend AI capabilities.
Related Skills
jkense/wcag-audit-understandable-forms
testing
VerifiedTrustedCommunity
Route form input and data collection accessibility requirements
SKILL.mdUpdated Apr 6, 2026
jkense/wcag-audit-understandable-forms-deep
testing
VerifiedTrustedCommunity
Form design accessibility rules for user input and data collection
SKILL.mdUpdated Apr 6, 2026
jkense/wcag-audit-perceivable-text
testing
VerifiedTrustedCommunity
Route typography accessibility design decisions and requirements
SKILL.mdUpdated Apr 6, 2026
jkense/wcag-audit-perceivable-text-size
testing
VerifiedTrustedCommunity
Convert between px, pt, em, rem units with accessibility context
SKILL.mdUpdated Apr 6, 2026