Checking text on image colour contrast compliance (when a colour gradient is applied)

Hello,

Please would anyone be able to recommend a good tool to check contrast on the brand story images that have a filter applied. We currently have a homepage image slot which applies a darker colour gradient over an image to allow the text on top of it to stand out.  The text can also be in different sizes.

I've tried WCAG contrast checker but that doesn't seem to allow for the gradient and tried Chrome colour contrast analyser instead. I don't think that gives me a definitive picture on whether I am compliant other than the contrast on some text has a better outline than other bits of text.

If there's any other options people can suggest that would be amazing!

Kind regards
Louise

This email (and attachments) are confidential and intended for the addressee(s) only. If you are not the intended recipient please notify the sender, 
delete any copies and do not take action in reliance on it. Any views expressed are the author's and do not represent those of IOP, except where specifically 
stated. IOP takes reasonable precautions to protect against viruses but accepts no responsibility for loss or damage arising from virus infection. 
For the protection of IOP's systems and staff emails are scanned automatically. 

Institute of Physics. Registered charity no. 293851 (England & Wales) and SCO40092 (Scotland)
Registered Office:  37 Caledonian Road, London, N1 9BU  

Received on Friday, 25 June 2021 10:56:51 UTC