How do I test for text contrast on a multi-colored moving background?

Question

How do I test for text contrast on a moving background that has different colors?

Answer

In this case, the text must meet an appropriate contrast ratio at every point. The goal is to check the contrast ratio when the background and text are at the lowest contrast against each other. You can do this by taking a screenshot or manually stopping the background using dev tools.

In the case of a non-conforming ratio, you might want to consider adding a shadow, glow, or stroke to the text.

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.