Text on background image a11y check

This is a guide to foreground colour accessibility on a background image.

It is intended as guide for designers and developers to test if their design solution is accessible.

Change the text size, colour and position. It will check the dimensions of the textarea against the background image.

WCAG 2 Compliance Guidance

We tested 8 colors shown in the image's palette. Your results are shown below.

nature pic

Image colour palette