Figure Image Caption

An image becomes easier to understand when the browser receives its source, useful alternate text, stable dimensions, and caption.

Program

Images are content when they carry information. The img element needs a source and alternate text, while figure and figcaption keep explanatory text attached.

figure_image_caption.html

<figure>
  <img src="status-card.svg" alt="Green launch status card" width="240" height="120">
  <figcaption>Launch checks passed</figcaption>
</figure>

alt text Alt text describes the image when the pixels are unavailable or not useful to the reader.

figcaption A figcaption gives a figure visible context that stays grouped with the media.