Skills
.Work. You
Rest

wcag-contrast

Official

Ensure legal-baseline accessibility compliance with WCAG 2.2 AA contrast

Design & Creative#accessibility#design audit#contrast ratio#color compliance#WCAG 2.2 AA
Authorthrillmade
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps verify color pairings meet WCAG 2.2 AA contrast requirements, ensuring legal compliance and accessibility for your design.

Core Features & Use Cases

  • WCAG Contrast Compliance: Validates that color pairs meet the WCAG 2.2 AA contrast standards.
  • Cross-Check with APCA: Used as a secondary check alongside APCA-driven color generation.
  • Design Auditing: Assists in auditing existing designs or token catalogs for compliance.
  • PR Code Reviews: Helps during code reviews on PRs that change color tokens or focus indicators.

Quick Start

Run the wcag-contrast skill to check the contrast of the colors used in the 'theme-colors.json' file.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: wcag-contrast
Download link: https://github.com/thrillmade/agent-skills/archive/main.zip#wcag-contrast

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.