color-accessibility-expert

Detect and fix color contrast issues in code and images using WCAG ratios.

2|1|Updated Feb 20, 2026
One-click install
npx skills add https://github.com/vosslab/vosslab-skills --skill color-accessibility-expert
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: color-accessibility-expert
Source: https://github.com/vosslab/vosslab-skills/tree/main/skills/color-accessibility-expert
Command: npx skills add https://github.com/vosslab/vosslab-skills --skill color-accessibility-expert

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires colour-science, numpy, pyyaml, six, Pillow, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the detection and correction of color accessibility issues in code and images, ensuring compliance with WCAG standards.

Core Features & Use Cases

  • Color Contrast Detection: Identifies color contrast issues in code and images based on WCAG guidelines.
  • Color Fixing: Automatically adjusts color values to improve contrast, preserving hue and luminance.
  • Image Contrast Checking: Provides a tool to spot-check contrast ratios in rendered images.
  • Use Case: If your project requires adherence to accessibility standards, this Skill can automate the process of ensuring color usage is accessible to all users.

Quick Start

Run the color-accessibility-expert skill to audit the color palette of the current repo.

Frequently Asked Questions about color-accessibility-expert

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check color contrast ratios for WCAG compliance in my code?

To check color contrast ratios for WCAG compliance, audit your repository's color palette to automatically detect accessibility issues in code and images based on standardized contrast guidelines.

How do I automatically fix color accessibility issues without changing the design?

Automated color fixing adjusts color values to improve WCAG contrast ratios while preserving the original hue and luminance, ensuring your design remains visually consistent and accessible to all users.

Can I spot-check WCAG contrast ratios in rendered images?

Yes, image contrast checking allows you to spot-check WCAG contrast ratios directly in rendered images, using Pillow and color science libraries to process and evaluate the visual output for accessibility compliance.

Does this color accessibility tool require Python dependencies like Pillow and numpy?

Yes, automating color accessibility checks requires Python dependencies including Pillow, numpy, and colour-science to handle image processing, color value manipulation, and WCAG contrast ratio calculations.

What's the best way to automate web accessibility color fixing across a project?

Automating web accessibility color fixing across a project involves running a color palette audit to detect WCAG contrast issues and automatically adjust color values in code and rendered images.

When should I use an automated color contrast checker instead of manual evaluation?

Use an automated color contrast checker when your project requires strict adherence to WCAG accessibility standards across code and images, replacing manual evaluation to ensure consistent contrast ratio compliance.