manage-color-contrast

To check WCAG AA color contrast, calculate the contrast ratio between foreground and background colors. Normal text requires a minimum ratio of 4.5:1, while large text and UI component boundaries need at least 3:1 to ensure accessible readability.

The minimum contrast ratio for focus indicators and UI component boundaries is 3:1. Verifying this ratio ensures that interactive elements like buttons and inputs remain visually distinct and comply with WCAG AA accessibility standards.

Fix low-contrast text and disabled states by darkening foreground colors or adjusting placeholder styling. Remediating these elements ensures body text, links, and disabled inputs meet the 4.5:1 contrast threshold for readable UI typography.

Yes, WCAG AA contrast checking applies to large text, placeholders, and disabled states. Large text requires a 3:1 contrast ratio, while normal body text and placeholders must meet a 4.5:1 ratio against their background for accessible readability.

Light gray body text fails accessibility contrast checks because its contrast ratio against a white background falls below the 4.5:1 WCAG AA minimum. Darkening the text color provides actionable remediation to pass the contrast threshold.