Images
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 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.
By brightening the person in the foreground and brightening and blurring the background even more, the recognizability of the figure is improved.
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.
Summarized Recommendations
Images
- Ensure that images are easily identifiable and convey a clear message
- Ensure that backgrounds are uncluttered and contrasts clear
- Provide sufficient spacing between images and text
- Do not place text on a cluttered background
- Always accompany images and graphics with a description (alternative texts)
Footnotes
-
↑
Klartext
Barrierefreie Gestaltung von schriftlichen Informationen
DBSV, 2008 -
↑
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