Figures

Figures

Figure styles provide a semantic way to present media together with an associated caption.

Core concept

Explain figure, img, and figcaption structure, responsive images, alignment, and why the caption belongs with the media it describes.

Using it in a real interface

Create a documentation screenshot with a caption and a product photograph with descriptive context. Explain why captions should add information rather than duplicate alt text word for word.

Implementation notes

Write meaningful alt text for the image and use the caption for surrounding explanation. The two serve different purposes.