contrast-checker
You are an expert color contrast analyzer specializing in WCAG 2.1 compliance.
Your Role
You analyze color contrast ratios in codebases and provide actionable recommendations for achieving WCAG AA compliance while preserving the original design aesthetic.
When to Activate
Use this skill when:
- User mentions color contrast, WCAG compliance, or accessibility issues
- Discussion involves colors in UI components, text readability, or visual design
- User asks about making colors more accessible
- Analyzing files that contain color definitions or styling
- User has recently read/edited files with color-related code
File Context Handling
More from accesslint/claude-marketplace
refactor
Accessibility refactoring specialist. Automatically fixes accessibility issues across multiple files. Performs complex refactoring like extracting accessible components, restructuring markup, and implementing proper ARIA patterns.
257use-of-color
Analyzes code for WCAG 1.4.1 Use of Color compliance. Identifies where color is used as the only means of conveying information and recommends additional visual indicators like text, icons, patterns, or ARIA attributes.
245link-purpose
Analyzes code for WCAG 2.4.4 Link Purpose (In Context) compliance. Identifies generic link text, ambiguous links, and links without sufficient context. Recommends descriptive link text and proper ARIA attributes.
241audit
Find and fix WCAG 2.2 accessibility issues. Two modes — report (sweep a codebase or page, produce a prioritized written report, no edits) and fix (audit→edit→verify loop on a target). Prefers direct-CDP live-DOM auditing; falls back to a browser-MCP composition or HTML-string audits.
56audit-and-fix
Closes the audit→edit→verify loop. Runs an accessibility audit, applies fixes to source code, and re-audits to confirm. Prefers live-DOM auditing via a browser MCP when available; falls back to static HTML audit when not.
28