Create images available: images to improve understanding
| |
Print |
Send |
Share |
Warning: The original version of this document is Creating Accessible Images: Images That Enhance Comprehension . This French translation was done by Ideose as part of an agreement between WebAIM and Ideose .
Note: See page documents on web accessibility for a list of all translated documents. Other resources on web accessibility are also listed in the portal accessible digital .
Summary
- Page 1: Introduction
- You are on Page 2: Images to enhance understanding
- Page 3: Color and contrast
- Page 4: Texts in pictures
- Page 5: The graphs that cause spasms
-
Page 6: Creating good text alternatives (attribute
alt) - Page 7: Long Descriptions
Introduction
Some people think the graphics are bad for accessibility. The truth is that graphics can be very beneficial for the accessibility of a web page providing images, icons, animations and other visual elements that enhance understanding of sighted people. We often forget that we are not developing for the blind. All types of disabilities must be considered. Graphs can be particularly helpful for people with certain disabilities in reading, learning disabilities, attention deficit disorder or cognitive disabilities.
Illustrations
Many concepts are transmitted more efficiently with the addition of illustrations. Try to learn the human anatomy in a book (or on a website) without illustrations. At what point would it be effective? An example of an image of the hand muscles.

You will probably find difficult to imagine a textual description could be as understandable as the text supplemented by illustrations. The illustrations make the content more accessible to you. Illustrations may also be particularly beneficial for those with learning disabilities or reading difficulties. Developers of educational courses should especially consider the use of illustrations to improve comprehension.
Animations
Animations and attention disorders
Animations are rarely used to improve the accessibility of Web content. Mostly, they are simply unnecessary. Banner ads voluntarily use quality animations to distract us from the main content of the document. Elementary schools are known for their use of beautiful animations that have no particular interest except to attract children's attention precisely. In fact, the children's attention is diverted from the main content of the page. For example, an animation commonly used is that of a mailbox that opens and closes, like the one below:

The question you should ask yourself is whether the animation is essential to the page content. Is the purpose of the page is to encourage people to send emails? Maybe, but probably not. This type of animation is most often at the bottom of a page that has nothing to do with sending an email to the person who wrote the page. The animation is a distraction, even when used on Web sites for children. It would be preferable to eliminate this distraction.
Animations to enhance understanding
The fact that the graphics are often used to distract the person does not mean they can not serve a more useful purpose. The animations illustrate the movements and procedures in a way that would be difficult to do by the text. Imagine, for example, you wanted to learn some Scottish dancing. A person can you describe the steps in a text and maybe it will work, but for most people, it would be easier to see an animation of each step, so that we could replicate the movements seen in the animation. In the case of disabled people with reading difficulties or cognitive benefits of animations are even more important.
Just for comparison, read a text description of a Scottish dance steps, then watch a movie. First, the descriptive text:
Descriptive text
Place your right arm above your head, bend your elbow at an angle of about 45 degrees. Put your left hand on hip. Hopped on your right foot. At the same time as you hop, alternate the position of your left foot first in front and behind your right leg but do not let your left foot touching the ground. Your left knee should be bent when you do this movement. Perform a total of four jumps on the right foot, then reverse the position of your arms and jump start on your left foot while your right leg performs the actions already undertaken by your left leg. After four jumps on your left leg, right leg iron and put your arms in their original position. This time, make a U-turn by jumping in a circular manner and that in four jumps until you are back where you started. Repeat the procedure.
To what extent do you think you achieved what no dance?
Animation
Now look at an animation of the Scottish dance steps .
The animation does improve understanding of descriptive text? What would have happened if you had only the animation but not the descriptive text? What would have happened if you had not been able to read the instructions? For those of you who do not speak Japanese, it's easy to imagine as the site that hosts the lively Scottish dance is a Japanese website. Take a look at the gallery a folk dance styles on this Japanese site. Do you think you would be able to perform these dance steps by simply looking at the animations? Assuming that you can see these animations, the answer may be "yes." Clearly see the animations actually enhance the understanding of the subject.
Of course, descriptive text will be necessary for those who are blind but we will address this area a little further.
Icons
Many software programs use icons that replace or accompany the text in the navigation bars (think Microsoft Word, for example, and icons to open a file
To print
, Etc.)..
Here is a set of icons to the bar of Internet Explorer:
Here is a set of icons similar to the Opera Web browser:

The usefulness of an icon depends on:
- if properly designed,
- if it conveys a precise concept,
- if the audience understands the concept conveyed,
- if it clearly expresses the concept it is supposed to carry.
Icons should be simple and must be easily understood. Their artistic value is a secondary consideration, but unattractive icons can have a negative effect on their understanding. Therefore, choose your creator!
One problem with icons is that they are rarely included in the same way by everyone. Most people associate an arrow pointing left (like the one below) with the notion of return or go back, but in languages where the text is written from right to left, its meaning is reversed.
In fact, there is no real icons that are understood in all languages and cultures. Even within the same culture and language, the icons can be easily misinterpreted. Imagine that someone decides to add an icon to a page to indicate that information in a paragraph are only speculations and they should not be considered true. To indicate this, a question mark, like the one below, is placed before each of such information in the paragraph.
Would you know immediately what it means to the question mark? Probably not. If the meaning of this question mark was explained then the icon would be helpful. You can use the icons and can actually increase the understanding, but only when used wisely.
For the general population, the icons can be useful, but they are not always absolutely necessary. Some people with certain types of cognitive impairment, however, need to understand icons information. Some sites are developed specifically for this population. Even with illustrations and icons, these people often need the assistance of another person but they can understand the meaning of icons with some practice.
Video and Multimedia
Although we can not go into details of the video and multimedia, it is worth mentioning that these elements can also be used to improve the understanding, the same way that the illustrations, animations and icons. When a video is used and you provide a verbatim transcript (for the blind) and subtitles (for hearing impaired), these elements actually participate in improving the understanding before responding to accessibility needs . Regarding other types of multimedia such as Flash, accessibility issues are somewhat complex, but it is usually possible to present the content in a way that is accessible to persons with disabilities.
Commercial links
Copyright 1999-2009 WebAIM




































