Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

How do I describe an image for Alternative Text?

\uD83D\uDCD8 Instructions

Step-by-step guide to describing images for Alternative Text.

  1. When describing an image for Alternative Text, you want to tell a reader in the fewest words, what is happening in the image. You have to be descriptive and precise, but not go into too much detail. The point is to give a “summed up” version of what is happening.

  2. When creating alternate text, a good rule of thumb is to use 150 characters or less to describe an image. (A picture is worth 1000 words does not apply here)

  3. Below are examples of good and bad attempts for alternative text.

A big lake surrounded by flowers with Mt. Fuji in the background.Image Modified
Tip

This example is appropriate for Alternative Text because it describes what is in the picture without giving too many lengthy details.

A big lake surrounded by flowers with Mt. Fuji in the backgroundImage Modified
Warning

This example is inappropriate for Alternative Text because it fails to help readers visualize the image. You have to explain where the mountain is in the photo. What is the mountain called? Is it in the foreground or background? Where is the lake? Is it behind the mountain? Creating proper context and descriptions can help a student understand what is in an image.

A young boy doing math homework on a hard wooden table.Image Modified
Tip

This example is appropriate for Alternative Text

A young boy doing math homework on a hard wooden table.Image Modified
Warning

This example is inappropriate for Alternative Text. The alternative text fails to explain anything about the child. What homework is he doing? Is he at a desk or table? Does it look like he is struggling or not? All these things must be considered to have a proper alternative text for readers so they can understand what is happening in an image.

Filter by label (Content by label)
showLabelsfalse
max5
spacescom.atlassian.confluence.content.render.xhtml.model.resource.identifiers.SpaceResourceIdentifier@82d
sortmodified
showSpacefalse
reversetrue
typepage
labelskb-how-to-article
cqllabel = "kb-how-to-article" and type = "page" and space = "AN"