Squarespace uses a really tight color palette to keep their actions clear and focused. They also back up their image button with a link in case you’re served an imageless version of the email. The use of the signature for the Squarespace Team is a nice touch that adds some personality.
Their images could be sized to account for retina. That’s getting picky though.
See a preview of this campaign across 3 popular email clients. Then, check out your own email across over 90 email clients with Litmus.
Looks aren’t everything. Does this email follow key accessibility best practices? Our friends at Litmus ran the test.
Table roles should be clearly defined. This helps screen readers determine how to interpret the table.
Larger paragraphs of text should be left-justified to improve readability for some readers.
Email headings should be well structured. This will help screen readers easily navigate content.
Specifying "alt text" for these images helps screen readers describe the image.
Without a [lang] attribute, screen readers will assume the email is in the default language the subscriber chose when setting up their screen reader. If your email is not in that user’s language, the screen reader may not accurately transcribe your message.
Emails should have a "meta content-type" and defined character set.