Page Comparison

📖 Design for Readability

Designing for readability is key to writing good digital content, including emails.

Best Practices:

• Choose accessible fonts

• like Arial, Verdana, Tahoma, Century Gothic, Trebuchet, Calibri, Open Sans, and

• Sans

• serif.

• Use a minimum of 12px for body text and 18px for headlines, and ensure readable line spacing and font size to accommodate all screen sizes.

• Left-aligned text is easier to read, especially for users with dyslexia, as it maintains consistent word spacing.

• Break up text into short paragraphs.

• Keep the email copy short and easy to read. Break down long sentences (less than 80 characters) for better readability. This will help users with cognitive disabilities

• understand your

Emojis

Emojis can enhance communication, but avoid overusing or relying on them to convey meaning.

Best practices:

• Add emojis at the end of a message, not between words.Avoid replacing words with emojis.

📄 Attachments

Documents can be challenging to access and remediate. Before attaching a document, ask:

• Is this the best way to share information?

• Can the content be added directly to the email body?

If an attachment is necessary, follow best practices:

• Use headings for document structure.

• Include alternative text for images.

• Be mindful of color contrast to ensure readability.

• Confirm the documents or other attachments in your email are accessible and that the files have descriptive names. Verify all document properties and content for accessibility before attaching them to your email.

▶️ Video and Audio

When you embed a video or audio player in an email, add accurate

• Add accurate captions for all videos.

• Provide transcripts for audio content.

• Ensure media controls (e.g., play, pause, stop) are keyboard accessible.

📅 Event Flyers

If you add an event flyer to an email, ensure that any text in the image is repeated in the email body text or in the alt text.

Best practices:

• Repeat all text within the image in the email body, such as event details (e.g., date, time, location).

• Include alt text for the image.

📹 Animation

Avoid auto-playing animations and videos and distracting animatilonsanimations.

🖊️ Signatures

When adding signatures, use actual text for name and contact information to ensure greater accessibility.

Best practices:

• Use actual text for names and contact information in email signatures.

• Including a logo (e.g., college or organization shield) is fine, but add alt text to describe the image for accessibility.

🔗 Hyperlinks

Ensure the visible link text describes the link's purpose and/or destination.

Best practices:

• Use clickable elements such as buttons with descriptive CTAs such as “Read our Guide" instead of "Click here."

• Avoid generic phrases like “Click here” or “Read more”.

• If a link leads to a non-web page document such as a PDF or Word document), include the format in the link text.

Emojis

Emojis can enhance communication, but avoid overusing or relying on them to convey meaning.

Best practices:

• Add emojis at the end of a message, not between words.

• Avoid replacing words with emojis.