Colour does not fit the background

Why it matters

A brand colour is rarely one colour per brand. It is one colour per background: white on blue, blue on white. A slogan that is black where the manual wants blue is not wrong enough to look broken, so it stays for years.

How Snaglist checks it

This check only runs with a brand manual you uploaded and rules you confirmed. Snaglist opens up to ten pages in a real browser, on a wide screen: a sample of the page types and pages with the slogan. For each piece of text it reads the colour and the background that are really on the screen. It then applies the rules for that background from the manual: which colour must be used, which is never allowed and which is allowed. A rule about part of the slogan goes before a rule about all text. Text on a photo or a gradient does not count, because the background is unknown. Colours that are almost right are reported separately.

Snaglist reports this as a warning. It costs 10 percent of the page in the health score. Fix it before your next crawl.

Common causes

• A style from before the current manual
• A button or block copied from another background
• A variable that has one value for every background
• A rule in the manual that the site never followed

How to fix it

1. Open the page in the detail and find the text.
2. Give it the colour the manual names for this background.
3. Put the colours per background in the theme, so that a new block gets them by itself.
4. If the site is right and the rule is not, change the manual or switch the rule off on the site page.

How it shows in the report

In the report for your client this appears under the heading "Text in a colour your manual does not want here". When everything is in order, the report says: "Text has the colour the manual asks for per background".