check contrast on new version

[katska]

check out contrast compliance checkers

here are some https://userway.org/blog/the-best-website-contrast-checkers-to-make-sure-your-websites-accessible

[katska]

Below screenshots and short introductory explanations.

Contrast ratios recommended by WCAG - over 4.6:1, over 3:1 for large text, and not applicable for logos.
https://webaim.org/resources/contrastchecker/

checking with the WCAG - Contrast checker, we see the following results, which are not unexpected, I think.

https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html
I find this a hard read to work through!

Sign up contrast could be higher. The colours we use are quite pingy, and dazzling also Given the importance, let's work on improving these ratios.

Given experience of donate buttons thus far I don't have much confidence anyone will click on this donate button. It's currently out of the good range for contrast, along with anything else that's white on the cyan background.

suffers same low contrast as donate button

The 'x' to close the banner is very small and not easy to see. This is common to all banners.