Testing Best Practices
Here in mid 2021, designing, coding and rendering custom email is still not about pixel perfection. To that supervisor who refuses to move on from Outlook 2010, because hey, it works, we say, do your thing. To be sure, his or her experience will not be identical to those sporting fancy iPhone 12 Pros, but it doesn’t need to be. It just has to look good to that group of people at the moment they open the email. there are some best practices and guidelines to keep in mind to make sure they are consistently designed, render properly in email clients, and are as accessible as possible.
Hover Box Element
Hover Box Element
Accessibility
TABLE ROLES
Specifying the table role is important so screen readers identify that your table only serves a design or layout purpose and suppress it from reading out every column and row. We recommend that you add the role attribute into the tag, as shown. Ignore this warning if your table is being used for the display of email content.
CENTERED TEXT
This can be difficult for some people to read. As a best practice, avoid using justified text alignment. A centered alignment may be used for headings or sub-headings, however, the body of your content should be either left or right aligned depending on the language you’re using.
CONTRAST
Specifying the table role is important so screen readers identify that your table only serves a design or layout purpose and suppress it from reading out every column and row. We recommend that you add the role attribute into the tag, as shown. Ignore this warning if your table is being used for the display of email content.
Tracking & Links
LINK VERIFICATION
Specifying the table role is important so screen readers identify that your table only serves a design or layout purpose and suppress it from reading out every column and row. We recommend that you add the role attribute into the tag, as shown. Ignore this warning if your table is being used for the display of email content.
UTM PARAMETERS
Specifying the table role is important so screen readers identify that your table only serves a design or layout purpose and suppress it from reading out every column and row. We recommend that you add the role attribute into the tag, as shown. Ignore this warning if your table is being used for the display of email content.
Image Blocking & ALT Text
STYLING ALT TEXT
Specifying the table role is important so screen readers identify that your table only serves a design or layout purpose and suppress it from reading out every column and row. We recommend that you add the role attribute into the tag, as shown. Ignore this warning if your table is being used for the display of email content.
LEAVE ALT TEXT BLANK?
Specifying the table role is important so screen readers identify that your table only serves a design or layout purpose and suppress it from reading out every column and row. We recommend that you add the role attribute into the tag, as shown. Ignore this warning if your table is being used for the display of email content.
LINK VERIFICATION
Specifying the table role is important so screen readers identify that your table only serves a design or layout purpose and suppress it from reading out every column and row. We recommend that you add the role attribute into the tag, as shown. Ignore this warning if your table is being used for the display of email content.
Dark Mode
YES, IT'S A THING NOW
Specifying the table role is important so screen readers identify that your table only serves a design or layout purpose and suppress it from reading out every column and row. We recommend that you add the role attribute into the tag, as shown. Ignore this warning if your table is being used for the display of email content.
LINK VERIFICATION
Specifying the table role is important so screen readers identify that your table only serves a design or layout purpose and suppress it from reading out every column and row. We recommend that you add the role attribute into the tag, as shown. Ignore this warning if your table is being used for the display of email content.
LINK VERIFICATION
Speed Test
Specifying the table role is important so screen readers identify that your table only serves a design or layout purpose and suppress it from reading out every column and row. We recommend that you add the role attribute into the tag, as shown. Ignore this warning if your table is being used for the display of email content.