a11y-color-contrast

WCAG 2.2 AA color contrast requirements specify a 4.5:1 ratio for normal text and a 3:1 ratio for large text and non-text UI elements. This Skill validates design mockups against these thresholds to ensure readability for visually impaired users.

Validating color tokens for accessibility involves checking background and foreground pairs against contrast ratio standards. The Skill processes provided UI elements to verify that themes maintain perceivable color-dependent information and focus indicators.

Yes, this color contrast checker works for non-text UI elements by verifying they meet a 3:1 contrast ratio against adjacent colors. It ensures components like status indicators and focus boundaries are distinguishable for users with visual impairments.

The minimum contrast ratio for accessible text in UI components is 4.5:1 for normal text and 3:1 for large text. This Skill evaluates your input fields and buttons against these WCAG 2.2 AA standards to guarantee readability.

You should test UI elements for color vision deficiency compliance when introducing new color palettes or updating components. The Skill checks for sufficient contrast and alternative representations to ensure information remains perceivable without relying solely on color.