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。

原文を見る