Create accessible emails

Create accessible emails

Introduction

Your HTML mailings should be accessible so that all people, regardless of possible limitations (e.g., visual impairments), can read and understand them without problems. For many companies and organizations, the legal framework is established by the Accessibility Strengthening Act (BFSG). Accessible emails are, however, also a good practice regardless of legal requirements to reach a broader target audience and improve the user experience.

Measures to Remove Barriers

Layout/Design

  1. Font: Use sans-serif fonts as these are easier to read.
  2. Font size: Use a minimum font size of 15px and ensure appropriate line spacing.
  3. Contrast: Ensure high color and brightness contrast between background and text.
  4. Links and Buttons: Make these clearly recognizable. Links should not only be distinguished by text color but should also be underlined.

Content

  1. Comprehensibility: Use simple and clear language.
  2. Structure: Organize your content with headings, paragraphs, lists, and buttons.
  3. Text in images: Never include important information exclusively in images.
  4. Alternative text for images: Describe the image content so it can be interpreted by screen readers.

Technical/Templates

The following technical measures are implemented in our standard templates:
  1. Language identification: You can specify the language of your mailing. This is evaluated by screen readers to read the mailing aloud.
  2. Semantic HTML elements: For example, by using <h> tags for headlines.
  3. Decorative elements: The attribute role="presentation" is applied to layout tables. This makes them recognizable as layout elements for screen readers.

Miscellaneous

  1. Subject line: Use short and concise subject lines.
  2. Display test: Conduct a display test before sending and check your mailings for accessibility across a variety of clients.

Help/Support

Contact us if you have individual wishes, requirements, or questions.