Check WCAG 2.1 contrast ratios and accessibility compliance for text and UI elements.
Calculate WCAG 2.1 contrast ratios for normal text, large text, and user interface elements.
This is regular body text rendered at 16px. The quick brown fox jumps over the lazy dog. Accessible color contrast ensures content can be read comfortably by people with moderately low vision.
• Level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (at least 18pt or 14pt bold).
• Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.
• UI Components & Graphical Objects require at least 3:1 contrast against adjacent colors.
Evaluate foreground and background color combinations according to WCAG 2.1 accessibility guidelines. Test AA and AAA criteria for normal text, large text, and interface components.