Justified text, which adjusts the spacing between words to keep uniform lines of text, creates those anchors but comes with other problems. The #1 email accessibility trick: If you have any copy that’s longer than two lines, left-align that copy. Using left-justified text is one of the best ways to keep copy readable. It’s helpful to keep that anchor in the same place for every new line in longer bits of copy, but many designers prefer the visual symmetry provided by centered text. One of the most important cues is the start of a new line, which acts as an anchor for our eyes when jumping around an email.

Reading relies on visual cues to make sense of where we are on a page or screen. One way is by using left-justified text for longer sections of copy. Using both real text and hierarchy can aid readability, but there are subtler ways to improve the readability of your emails, too. Try creating bold, high-contrast headlines above smaller portions of copy, and allow for enough whitespace between sections to avoid content bleeding together. Hierarchy-or creating visual differences that reinforce importance-helps those users quickly consume content in email.īy using text size, color, and placement, you can create emails that are easily scanned and read. Create a strong hierarchyīoth cognitive and situational disabilities (like being in a hurry or being distracted) make it hard for people to read and understand long, uniform blocks of text. The majority of your copy should be included in your email as live text inside of HTML elements. Screen readers can only access the underlying code of an email, not the text in an image, and screen enlargers and zoom settings often result in blurry, unreadable emails. Perhaps more importantly, even when images are enabled, assistive technologies can’t take full advantage of your content. When this happens, even those without disabilities can’t read your email. Many email clients disable images for security reasons. Although this allows for a high level of visual customization, favoring real text in HTML has a number of benefits when it comes to accessibility. See how you can improve and make better emails for everyone.Ī lot of companies use all-image emails, designing them in programs like Photoshop, and dump them into a basic HTML template. Litmus’ Accessibility Checks make it easy to test your email against accessibility best practices.

Enterprise Plan Boost collaboration and drive results.

Litmus Plus Automate testing to ensure quality.Litmus Basic Build error-free, effective emails quickly.All Plans See solutions for companies of all sizes.

Fully justify text in html