color-contrast

To check WCAG compliance, you compute the relative luminance of your foreground and background colors to determine the exact contrast ratio. This validates your color contrast against WCAG 2.1 AA and AAA thresholds for both normal and large text.

To fix a failing color palette, you can use accessibility suggestions that recommend the closest compliant color adjustments. The skill automatically darkens or lightens the original colors to meet your target AA or AAA contrast thresholds while preserving your brand identity.

Yes, you can batch check an entire color scale or design token set for accessibility. The skill evaluates full palettes, outputs detailed contrast matrices, and highlights problematic foreground and background color pairs that fail WCAG 2.1 contrast requirements.

The minimum color contrast ratio needed for large text to pass AA is evaluated alongside normal text requirements. By computing relative luminance per WCAG 2.1 guidelines, the skill explicitly reports pass or fail status for AA and AAA levels across both normal and large text sizes.

Yes, this color contrast checker works for both web and app design workflows. It applies to front-end styling updates and brand design reviews to ensure that text, buttons, and UI components remain legible and accessible across different devices and sizes.