Claude Skills · Accessibility
Contrast fixer
Check colour pairs against WCAG contrast and suggest the nearest accessible alternatives. Use when text or UI colours may be too low contrast.
Install this skill
curl -fsSL https://uxmate.co.in/skill-files/install.sh | bash -s -- uxm-contrast-fixerOr unzip into ~/.claude/skills/. Then ask Claude Code to do the task, or call /uxm-contrast-fixer.
What is inside
---
name: uxm-contrast-fixer
description: Check colour pairs against WCAG contrast and suggest the nearest accessible alternatives. Use when text or UI colours may be too low contrast.
---
# Contrast fixer
1. Collect foreground/background pairs (hex values).
2. Compute contrast ratio per pair using the WCAG relative luminance formula; show the math for any borderline case.
3. Pass criteria: 4.5:1 normal text, 3:1 large text (18pt or 14pt bold) and UI components/graphics.
4. For failures, propose the **nearest** adjusted hex that passes while keeping hue, and show the new ratio.
5. Output a table: pair, ratio, AA normal, AA large, UI, suggested fix. Mention that colour must not be the only indicator.More Accessibility skills
- WCAG audit · Audit a page, design or code against WCAG 2.
- ARIA and semantics review · Review HTML or component code for correct semantics, landmarks, ARIA usage, labels and focus management.
- Keyboard and screen reader test · Create and run a keyboard and screen-reader test script for a page or component.