![]() Regardless of which method you use, make sure your elements contrast enough with other elements to ensure your emails are accessible. There are a variety of ways to do this, including using color, font weight, and font size. Make it easier for users to see and hear content including separating foreground from background. The main rule is to make elements distinguishable. The Web Content Accessibility Guidelines clearly define how they determine appropriate contrast. Too low of contrast and people with low-vision can have an extraordinarily hard time reading an email.įortunately, there are well-established guidelines for proper contrast. Most often, it’s the difference between the color of copy and the background on which it sits. Keep contrast highĬontrast is the difference between two elements in an email. The World Wide Web Consortium even has clear guidelines around proper line spacing, suggesting 1.5 to 2 is preferred to single spacing. Conversely, when they are too far apart, it’s hard to know where to look for the next line as they all look like short, individual paragraphs. When lines of copy are too close together, it’s hard to tell them apart. Optimize your line spacingĮnsuring that there is enough space between lines of text, but not too much space, is a great way to improve readability. Keeping copy at least that big-preferably even larger-can help create better reading experiences. Some mobile devices, like iPhones, will automatically enlarge text that is less than 14px in size. You should ensure that your text is large enough for people to easily read, regardless of what size screen they are using. When using fully justified text, rivers of white are often introduced which create hurdles for people with cognitive disabilities. 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. FULLY JUSTIFY TEXT IN HTML CODEScreen 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. FULLY JUSTIFY TEXT IN HTML FULLPerhaps 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. ![]() FULLY JUSTIFY TEXT IN HTML PLUSLitmus Plus Automate testing to ensure quality. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |