skills.rest
etak-ai
etak-aiOFFICIAL
Explore all skills by this author →
GitHub

use-of-color

Identify WCAG 1.4.1 color compliance issues in code.

Updated Aug 27, 2026
Search Tags:#code review#accessibility#WCAG#UI analysis#color blindness
One-click install
npx skills add https://github.com/etak-ai/etak-app --skill use-of-color-etak-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: use-of-color
Source: https://github.com/etak-ai/etak-app/tree/main/.agents/skills/use-of-color
Command: npx skills add https://github.com/etak-ai/etak-app --skill use-of-color-etak-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Identifies and resolves instances where color is used as the sole means of conveying information in code, which affects accessibility for users with color vision deficiencies.

Core Features & Use Cases

  • Accessibility Analysis: Checks for WCAG 1.4.1 compliance issues related to the use of color in code.
  • Color Blind Compliance: Identifies where color is the only means of conveying information and suggests alternatives.
  • Use Case: When reviewing UI components, this skill can identify issues where color is used without sufficient contrast or other indicators, such as for links, buttons, and data visualization.

Quick Start

Run the 'analyze-accessibility' command to scan the current project for potential WCAG 1.4.1 color compliance issues.

Frequently Asked Questions about use-of-color

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

FAQPage Schema
How do I check my code for WCAG 1.4.1 use of color compliance issues?▼

To check for WCAG 1.4.1 use of color compliance, run an accessibility analysis command to scan your project. This identifies where color conveys information without alternative indicators and suggests appropriate fixes.

What makes color-only indicators fail accessibility standards for color blind users?▼

Color-only indicators fail accessibility standards when information is conveyed solely through color without text, icons, or ARIA attributes. This creates barriers for users with color vision deficiencies who cannot perceive the color-coded information.

How do I analyze UI components for color blindness accessibility issues?▼

You analyze UI components for color blindness accessibility by scanning for instances where links, buttons, or data visualizations rely exclusively on color. The analysis verifies that text, icons, or ARIA attributes also convey the same information.

Does this accessibility analysis detect ARIA attribute requirements for color-coded elements?▼

Yes, the accessibility analysis detects ARIA attribute requirements by identifying color-coded elements lacking text or icon alternatives. It reports WCAG 1.4.1 compliance issues and ensures information is available through ARIA attributes or other indicators.

What are the limitations of automated code review for WCAG 1.4.1 color compliance?▼

Automated code review for WCAG 1.4.1 color compliance identifies instances where color is the sole means of conveying information in code. It requires accurate implementation of suggested alternatives like text, icons, or ARIA attributes to fully resolve accessibility barriers.

Related Skills

Explore More Software Engineering Skills→
lsst-sqrelsst-sqre
2

wcag-contrast-checker

Compute WCAG contrast ratios and AA/AAA compliance for CSS colors.

Official
Intermediate
DexploarerDexploarer
6

a11y-annotation-generator

Add ARIA labels, roles, and alt text to HTML, JSX, and Vue templates.

Community
Intermediate
CANTAGESTUDIOCANTAGESTUDIO
3

accessibility-contrast-audit

Audit UI color contrast and accessibility metrics against WCAG guidelines.

Community
Intermediate
carayacaraya
1

css-testing

Detect visual regressions and accessibility issues in CSS across browsers and viewports.

Community
Advanced