Accessible Formatting

Text of two or more lines should be left-aligned. This improves readability by providing a consistent starting point for each line. Avoid justified text, which results in uneven word spacing and makes it difficult to follow the text. The font size for text content should be at least 14px to ensure the text is easily readable for people with visual impairments.

If you use custom HTML, avoid multiple <br> tags to separate paragraphs. These have no semantic meaning and cannot be interpreted by screen readers. Instead, use the <p> tag to define paragraphs, and use margin and padding to specify spacing, thus ensuring a clear and accessible structure.

Digital communication must be designed so that users can adjust certain text spacing without losing content or functionality, or without text being cut off or overlapped. It's not about the author having to set these spacings in advance, but rather about the email program or browser used to read emails being robust enough to handle such adjustments by the user. This allows people with different needs to optimize the readability of text for themselves.

Specifically, the criterion refers to the ability to adjust the following text spacings:

Buttons require meaningful label text. This informs both users and screen readers about the button's function and the action it can perform. To avoid confusion, it's important that button text is clear and non-repetitive within the given context. Remember that important calls to action (e.g., "Register now" or "Learn more") should always be in text form so that users don't miss them due to blocked images.

Links convey information about their function and the associated link destination through their link text. To optimize navigation and eliminate ambiguity, link text should also be unique. Generic link texts such as “Click here” should be avoided. Additionally, it's recommended to add a title attribute to each link, which acts as a tooltip and provides additional useful information for all users.

Links should also be highlighted to visually distinguish them from normal text and improve their visibility and interaction options for people with visual impairments. This can be achieved by the following measures:

Visual contrast plays a crucial role in the perceptibility of content, especially for users with visual impairments. Opt for high-contrast combinations: Choose high-contrast combinations for text and background colors, such as dark text on a light background or vice versa. Test the color contrast on different devices (mobile, desktop) to ensure readability under different lighting and screen conditions.

Specific contrast requirements for text content (minimum values):

Specific contrast requirements for graphics and buttons (minimum values):

There is no contrast ratio requirement for non-visible, inactive or decorative elements, as well as for brand logos.