Diagrams

​​ Definition

Images that depict a process, architecture, or some other form of technology.

​​ Used in

All content types

​​ Overview

Diagrams explain complex topics in a compelling way and help users visualize a specific solution, process, or interaction between products.

​​ Template

​​ Example

​​ Additional information

Always try to use SVG images for diagrams. Bitmap formats like PNG and JPEG do not scale well, and often users will zoom into diagrams to explore the details.

The alt (alternative) text on diagrams is used by screen readers and is read out as part of the surrounding content. Ensure the alt text is straightforward and fits in the context of the content.