Does color contrast need to pass AA and AAA in the contrast tool?

Question

When using the Color Contrast Tool, do colors need to pass for both AA and AAA in the checker?

Answer

Besides the actual colors being checked in the contrast tool, there are other factors that determine if the contrast ratio is sufficient. For example, whether or not a contrast ratio passes in the contrast checker also depends on whether the element is considered "Small Text", "Large Text", or a "UI Component". Regarding WCAG conformance, as long as a contrast ratio passes as AA for the appropriate type of element, it is sufficient! However, it is best practice to ensure it passes for AAA too.

For additional support, review your color combinations with the WCAG Color Contrast Checker from Accessible Web.

Free Tools to Continue Learning

Accessible Web Company Logo

Accessible Web RAMP

Monitor your website and manage your progress towards WCAG conformance.

Accessible Web Company Logo

Accessible Web Academy

Career specific courses to help power up your accessibility knowledge.