Claude-skill-registry accessibility-contrast-audit
[Design System] Quantitative accessibility audit for UI - contrast ratios, font sizes, tap targets, heading hierarchy. Use when (1) checking WCAG color contrast compliance, (2) auditing text sizes for readability, (3) validating touch/click target sizes, (4) reviewing heading structure and landmarks, (5) user asks to 'check accessibility', 'audit contrast', 'WCAG compliance', or 'a11y check'.
install
source · Clone the upstream repo
git clone https://github.com/majiayu000/claude-skill-registry
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/accessibility-contrast-audit" ~/.claude/skills/majiayu000-claude-skill-registry-accessibility-contrast-audit && rm -rf "$T"
manifest:
skills/data/accessibility-contrast-audit/SKILL.mdsource content
Accessibility & Contrast Audit
Quantitative accessibility checks for contrast, font size, hit areas, and semantic structure.
Quick Start
python3 scripts/audit_accessibility.py --source src/ --tokens tokens.json
WCAG Standards Reference
| Criterion | Level AA | Level AAA |
|---|---|---|
| Normal text contrast | 4.5:1 | 7:1 |
| Large text contrast (18px+ or 14px bold) | 3:1 | 4.5:1 |
| UI components/graphics | 3:1 | 3:1 |
| Minimum touch target | 44×44px | 44×44px |
| Minimum font size (body) | 16px | 16px |
Problem Types
| Type | Severity | Description |
|---|---|---|
| error | Text/background contrast below WCAG threshold |
| warning | Font size below recommended minimum |
| warning | Touch/click target below 44×44px |
| warning | Heading levels skipped (h1→h3) |
| error | Image missing alt text |