Question 1

What is WCAG AA contrast ratio?

Accepted Answer

WCAG AA requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text (18px bold or 24px regular). This ensures readability for users with moderate visual impairments.

Question 2

What is the difference between WCAG AA and AAA?

Accepted Answer

WCAG AAA is stricter — it requires 7:1 for normal text and 4.5:1 for large text. AAA provides better readability but is harder to achieve with colored designs. AA is the standard requirement.

Question 3

How do I check color contrast for accessibility?

Accepted Answer

Enter your text color and background color above. The tool instantly calculates the contrast ratio and shows whether it passes WCAG AA and AAA for both normal and large text sizes.

Question 4

What contrast ratio is needed for UI components?

Accepted Answer

Non-text UI components (icons, borders, form inputs) require a minimum contrast ratio of 3:1 against their background per WCAG 2.1 Success Criterion 1.4.11.

Contrast Checker