color-contrast-auditor

SKILL.md

Detects color contrast violations that make text unreadable and provides WCAG-compliant fixes. Uses both mathematical contrast ratio analysis and perceptual evaluation via vision capabilities.

| Normal text (<24px, <18.66px bold) | 4.5:1 | Body copy, labels, buttons | | Large text (≥24px or ≥18.66px bold) | 3:1 | Headlines, hero text | | UI components (borders, icons) | 3:1 | Form inputs, icons, focus rings | | Graphical objects | 3:1 | Charts, infographics |

| Normal text | 7:1 | | Large text | 4.5:1 |

使用 WCAG 2.1 指南和感知分析檢測並修復顏色對比度違規。對比度計算、色盲模擬方面的專家，並提供可用的替代方案。激活“檢查對比度”、“顏色可訪問性”、“WCAG 審核”、“可讀性檢查”、“對比度”、“難以閱讀”、“看不到文本”。不適用於一般色彩理論（使用 color-theory-palette-harmony-expert）、品牌顏色選擇（使用 web-design-expert）或非視覺可訪問性（使用 ux-friction-analyzer）。 來源：erichowens/some_claude_skills。

查看原文