Design for the Disabled

In a previous post we mentioned that a “good chunk” of Email applications turn “images off” by default. Essentially this means that your recipient will see your email with blank areas where your images reside. Even though your recipient may not see your images, you need to make sure that your text content still flows and that your layout is maintained. For example, if your text wraps around your images you need the “blank areas” where the image would normally appear, to be the same size as the image itself.

To ensure that these “blank areas” are the same size as your picture, you need to specify the size in your HTML code.

(Note: If you create email in the Swiftpage editor, this is done for you)

When you create your HTML specify the height and width of your image. This will keep the layout of your email intact.

Below is a test email viewed 3 different ways.

Test Email with Images Test Email Campaign without images displayed - Correct Email Campaign viewed improperly with images disabled in Gmail

The first is a view of the email with images enabled. The second and third are both viewed with images disabled (default). The difference here is that the second was designed with the image height and width specified, and the third was not.

For your next email campaign, keep in mind that some of your recipients may not see the images in your email, so make sure your point still gets across with the text content you have written in your email.

About Dan Ogdon

Dan has been with Swiftpage since 2006 and has a passion for delivering solutions to companies that increase the value of their product offerings. Dan is an avid fly fisherman and spends any time he can with his growing family.

One Response to “Design for the Disabled”

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: