Regional University Computing Center Kaiserslautern-Landau

Websites must be designed to be accessible so as not to prevent people with disabilities from using them.

  • Structured arrangement of content elements
  • Creation of alternative texts and titles for all non-text elements (images, diagrams, videos, etc.)
  • Graphics and text should be understandable without colors.
  • Explanatory texts for links (not: "Click here")
  • Use easily readable texts (avoid filler words)
  • Meaningful naming of forms and documents

Creating alternative texts

Example element from the Typo3 backend: In the editing bar, the Media tab is highlighted with a red box in the upper image section. In the lower half of the image on the left, another red box is placed around the text field and the title, Alternative Text.
Example element from the Typo3 backend: Media, Alternative text

An alternative text helps visually impaired people to perceive multimedia content. Therefore, there should always be a short description, e.g. of an image content.

This can be entered under the tab Media, alternative text.

The picture shows a red apple. This is lying on a stack of books, consisting of three books that are placed unevenly on top of each other. The stack of books lies on a wooden surface in the left part of the image. The background is composed of different shades of gray.
The following alternative text was created for this image:
Apple lying on a pile of books

Link destinations

Example element from the frontend: There are three text fields shown that end with a link. Each link has "more" as the link text, which is highlighted by red boxes.
Example element from the frontend: Bad linking
Example element from the frontend: There are three text fields shown that end with a link. Each link has as link text a more detailed description where the link leads to, which is highlighted by red boxes.
Example element from the frontend: better linking

To note

As can be seen in the above image, there are three links with the link text "more". Same link texts are useful only if they refer to the same content.

Linked texts must:

  • be unambiguous
  • refer to the target

"Click here" etc. should not be used.

In the figure below, a unique text is linked with destination, indicating the target.

You are in the self-study and want to go to the training start page, then click on TYPO3 in the self-study for beginners part 1.