11.07.2015 Views

NewZapp-Factsheet-Email-Building-Best-Practice-Designers

NewZapp-Factsheet-Email-Building-Best-Practice-Designers

NewZapp-Factsheet-Email-Building-Best-Practice-Designers

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Formatting your email’s contentSetting color for HTML text contentWhat to do …Use either Hex (e.g. #FFCC00) or RGB (e.g. rgb(192,45,67)) values in the color CSS property.Use longhand CSS notation for Hex values, never the shortened version.Avoid using bright red colours (e.g. #FF0000, rgb(255,0,0)).Ensure that your text colour has sufficient contrast against the background colour foraccessibility – aim for at least the WCAG ‘AA’ standard.Lorem ipsum sit amet dolorequora.Why?Digital rather than print colour definitionsshould be used for digital communications.Shorthand Hex values are not supported in themajority of email readers.The use of a bright red colour on text can beflagged up on spam filters.Ensure your textcolor providessufficientcontrast againstthe backgroundSimilarly, text colours that are the same as orvery close to the background fill will also flag up on spam filters.It is recommended that an online contrast checker like WebAIM is used.color is easily adjusted for responsive emails using CSS and Media Queries.21

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!