Deutsch

Images

Show Recommendation

Photographs and illustrations should be easily recognisable and convey a clear message. Ensuring clear brightness and colour contrast between foreground and background also makes recognition easier.1

A woman with dark hair and a black coat walks through a park with a long cane and a badge for the blind. Dark green bushes and other walkers in dark coats can be seen in the background.

A problematic image with poor overall contrast: the person in the foreground is dressed in dark clothing and does not stand out clearly enough against the background. In addition, the background is relatively unstable. Important image content (person) and unimportant image content (background) cannot be easily distinguished.

Same image content as in the first image: A woman with dark hair and a black coat walks through a park with a long cane and a badge for the blind. Dark green bushes and other walkers in dark coats can be seen in the background.

By brightening the person in the foreground and brightening and blurring the background even more, the recognizability of the figure is improved.

Same image content as in the first image: A woman with dark hair and a black coat walks through a park with a long cane and a badge for the blind. Dark green bushes and other walkers in dark coats can be seen in the background.

If the image statement allows it, image objects can also be completely cropped.

Image: DBSV

In digital media, images and graphics should always be provided with descriptive alternative texts so that their content can be conveyed by screen readers or other assistive technologies to people who are unable to identify it.2

As a general rule, text should not be placed on a cluttered background.

The use of icons and pictograms can aid communication and in some circumstances even replace text. To ensure they are understood with absolute certainty their design should be clear and to the point. Elements that do not aid recognition are best omitted. Solid versions of icons prove easier to identify than their linear counterparts.

These two pictograms both represent a camera. The one on the left is a linear version, the one on the right a solid version.
Icons

Summarized Recommendations
Images

Footnotes

  1. Klartext
    Barrierefreie Gestaltung von schriftlichen Informationen
    DBSV, 2008
  2. Europäische Blindenunion
    https://www.euroblind.org/publications-and-resources/making-information-accessible-all#Images, 2013

    Web Content Accessibility ­Guidelines (WCAG) 2.0
    W3C Recommendation 11 December 2008,
    www.w3.org
    w3.org/TR/WCAG21