nate@brochin.com

Nate – artist, designer, coder, unitasker

60 Manchester Ct, Red Bank, NJ
+1 973 477 2576

Search here!
Image Alt

Testing Process

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

a

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.