Verify color contrast against WCAG 2.2 AA standards.
npx skills add https://github.com/thrillmade/agent-skills --skill wcag-contrast
Please help me install this Agent Skill. Skill: wcag-contrast Source: https://github.com/thrillmade/agent-skills/tree/main/skills/wcag-contrast Command: npx skills add https://github.com/thrillmade/agent-skills --skill wcag-contrast
This Skill helps verify color pairings meet WCAG 2.2 AA contrast requirements, ensuring legal compliance and accessibility for your design.
Run the wcag-contrast skill to check the contrast of the colors used in the 'theme-colors.json' file.
High-intent search queries and answers about installing and using this skill.
To check color contrast for WCAG 2.2 AA compliance, calculate the luminance ratio between foreground and background colors, then apply specific contrast thresholds for text and UI components to validate your design.
Yes, you can audit existing design token catalogs for accessibility compliance by verifying that color pairs within your theme files meet WCAG 2.2 AA contrast requirements during a design audit.
You verify color contrast during a PR code review by calculating luminance ratios for altered color tokens or focus indicators, ensuring the new color schemes pass WCAG 2.2 AA thresholds.
WCAG 2.2 AA contrast ratio verification is the process of calculating luminance ratios between color pairs and applying specific accessibility thresholds to ensure text and UI components are legally compliant.
Yes, WCAG contrast checking works as a secondary check after APCA color generation by applying WCAG 2.2 AA thresholds to the generated color pairings to verify they meet legal-baseline accessibility requirements.
A limitation of using WCAG 2.2 AA is that it requires specific luminance ratio thresholds for text and UI components, meaning it serves primarily as a compliance check rather than a color generation method.
dylantarreValidate color combinations against WCAG 2.1 contrast requirements and generate accessible pairings.
dz07Generate WCAG-compliant color palettes with semantic tokens and contrast calculations.
lord-vinayakCalculate color contrast ratios and evaluate WCAG 2.2 compliance.
arolariuRevise existing knowledge insights by incorporating newer related content.
