Skip to main content

Informational images

Informational images graphically represent concepts and information, and typically include pictures, photos, and illustrations. In the alt text, provide a short description of the essential information presented in the image and why it is relevant to the text.

tip

If you have questions about writing alt text for a particular image, please post in the #talk-accessibility Slack channel.

Example informational images​

Example 1: Informational illustration​

Image​

A street lamp shining at night.

Source: Get started with lighting (Unity Learn).

Context​

This tutorial inline image supports a basic explanation of the behavior of light for beginner learners who may not have a clear understanding of physics fundamentals. Specifically, the image illustrates how light travels from a source in straight lines in the form of waves.

Alt text​

A street lamp shines at night. The lamp emits a focused beam of light that contains a directional arrow with a wave to its tail, to illustrate that light travels in waves and those waves travel in straight lines.

Example 2: Informational diagram​

Image​

A line diagram that represents player movement within a game.

Source: Player Movement (Unity Learn).

Context​

This tutorial inline image supports an explanation of how a player movement system in a game determines user intent. The image is framed with guidance in interpretation in the step text, under the subheading Determining player intent.

Alt text​

A vector diagram that represents the player character, the user's input, and the three InteractiveObjects. The user's input vector creates the smallest angle and shortest distance with InteractiveObject 3.