accessibility-contrast-audit

Audit UI color contrast and accessibility metrics against WCAG guidelines.

3|Updated Dec 22, 2025
One-click install
npx skills add https://github.com/CANTAGESTUDIO/CosmicAtlasPacker --skill accessibility-contrast-audit
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: accessibility-contrast-audit
Source: https://github.com/CANTAGESTUDIO/CosmicAtlasPacker/tree/main/.claude/skills/accessibility-contrast-audit
Command: npx skills add https://github.com/CANTAGESTUDIO/CosmicAtlasPacker --skill accessibility-contrast-audit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performs quantitative accessibility checks for contrast, font sizes, hit targets, and semantic structure to meet accessibility guidelines.

Core Features & Use Cases

  • WCAG Dimensions: Normal/large text contrast, hit targets, heading structure.
  • Problem Types: low-contrast, text-too-small, hit-area-too-small, heading-skip, missing-alt.

Quick Start

python3 scripts/audit_accessibility.py --source src/ --tokens tokens.json

Frequently Asked Questions about accessibility-contrast-audit

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

FAQPage Schema
How do I audit UI color contrast for WCAG compliance?

WCAG contrast audits measure color ratios between text and backgrounds against accessibility standards. This Skill scans UI components to identify low-contrast pairs, flags violations by WCAG level (AA/AAA), and generates a report showing which elements fail and how much contrast adjustment is needed.

Can I check font sizes and hit targets in an accessibility audit?

Yes. Beyond contrast, the audit assesses font sizes against minimum readability thresholds and tap target dimensions against touch-friendly standards. It flags text below recommended sizes and interactive elements with undersized hit areas, reporting all violations in a structured remediation guide.

How do I run an accessibility audit across my design system?

Feed your source files and design tokens to the audit script, which scans components and pages for contrast, text size, hit target, and heading hierarchy violations. The output is a comprehensive report identifying gaps and proposing fixes aligned to WCAG guidelines.

What accessibility checks does this Skill perform?

The Skill checks normal and large text contrast ratios, verifies tap targets meet size requirements, validates heading structure hierarchy, detects missing alt text, and flags undersized interactive elements. Each check maps to WCAG success criteria with specific remediation steps.

Can I integrate accessibility audits into my CI pipeline?

Yes. The Skill is designed for CI/CD workflows and product QA phases. Run it automatically on each build to catch contrast, font size, and hit target violations before release, generating structured reports that block deployment or trigger remediation workflows.