As you create emails, use the following common practices to help ensure accessibility and usability for everyone.
Clear and Concise Content
- Write in plain language, avoiding jargon.
- Use a descriptive subject line.
Headings and Structure
Headings help users quickly understand the information hierarchy to identify main points and topics. Heading styles also allow screen reader users to navigate content more efficiently by jumping to different sections and accessing desired information quickly. Clear and descriptive headings also help with comprehension and reduce cognitive load by breaking the text into manageable sections, making scanning and locating specific information more accessible.
- Use heading styles to format and organize text.
- Use properly formatted lists.
Accessible Link Text
- Link text should make the destination of the link clear.
- Avoid phrases like “click here,” “learn more,” and “read more.”
- Always underline links for quick identification.
- Do not underline non-link text.
- Visit WebAIM’s article on Link Text and Appearance.
- Watch the Microsoft video on creating accessible links in Word.
Color and Contrast
- Ensure the contrast ratio between text and background colors is at least 4.5:1 for normal text and 3:1 for large text (at least 18 point (typically 24px) or 14 point (typically 18.66px) and bold).
- Avoid gold on white: Accessible Text & Color.
- Visit the Check Accessibility webpage for a list of contrast checkers.
- Do not use color as the only method to convey meaning.
- Include an additional descriptive component such as text, patterns, or shapes.
- Learn more about Contrast and Color Accessibility (WebAIM).
Accessible Images
- Provide alt text for images that have meaning.
- Keep the alt text short and descriptive.
- Mark images and objects as decorative that don’t add information to the content.
- The W3C’s Web Accessibility Initiative states, “Whether to treat an image as decorative or informative is a judgment only the author can make, based on the reason for including the image on the page.”
- Avoid using images with text when possible.
- Writing effective alt text (Microsoft)
- Learn how to write alt text and image descriptions for the visually impaired (Perkins School for the Blind)
- How to add alt text to images and objects in Office video (Microsoft)
- Alternative (Alt) Text Guide by The Ohio State University
Accessible Tables
- Use a simple table structure.
- Avoid merging or splitting cells, and use nested tables when possible.
- Define header row for data tables.
Check for Accessibility
It is important to check the accessibility of digital content as you design, develop, or create it. The Check for Accessibility page has a list of commonly used checkers, guides, and checklists.