Web accessibility for content: text and color usage

Title of webpage

All webpages must have a title that is both descriptive and precise, clearly reflecting the content of the page. Avoid generic titles such as "Page 1" or "Homepage," as these do not provide users, especially those using screen readers, with a clear understanding of the page's purpose and content. An informative title enhances navigation and helps ensure a better user experience.

  • The title is filled in the Page Title field in TYPO3 on the page.

Correct use of the text editor

If the features of the text editor are not used correctly, it can have significant consequences for individuals with special needs, particularly those with visual impairments. Ensuring that the text editor's functions are used correctly is therefore crucial for creating accessible and user-friendly content that can be accessed by everyone, regardless of their individual needs and abilities.
Do not manually insert HTML tags for text formatting.

You should pay particular attention to:

  • Bullet Points: Use the editor’s list/bullet function instead of manually typing a dash (-) for a bullet point.
  • Bold Text: Use bold text sparingly to highlight individual words; it should never be used to format a heading. Instead, use one of the heading styles available in the editor's dropdown box.
  • Headings and Links:
    • Headings: Screen readers use headings for navigation. Ensure that headings are precise and relevant to the subsequent content.
    • Links: Link texts should be descriptive. Avoid generic phrases like "read more" or "click here." Instead, indicate what the link leads to.
  • Table Headers: Tables must have properly marked headers. This means you should not use bold text but should use the table headers available in TYPO3. You should consider whether you have headers for both rows and columns. You can select this option when creating the table in the editor.

Color contrast

To ensure sufficient contrast between text and background, there are predefined color options available in the various elements of TYPO3 that you can use. It is important to utilize these templates to guarantee readability for individuals with reduced vision or color blindness.

Colors cannot stand alone

Do not rely solely on colors to convey information, such as green, yellow, and red in graphs. When using colors alone to communicate information, such as in graphs, charts, or maps, it can be challenging for colorblind users to understand the meaning of the colors, especially if the colors are not sufficiently distinct or are similar. Therefore, add text descriptions that explain what the colors represent so that colorblind users can also understand the conclusions.