<?xml version="1.0" encoding="utf-8"?>

Image captions

Image captions often represent the smallest font size on a page and include brief explanations accompanying visual content. They can also include acknowledgments to the author or the copyright holder of a photograph, image, illustration, or graph.

When designing captions, keep it simple: black or gray text positioned either to the side or below an image. From an accessibility viewpoint, italics aren't the best choice for users with visual or cognitive impairments. Instead, you can experiment with text color and background to add more visual interest.

Pro Tip: Captions should convey a lower level of importance and be 2-3px smaller than the body text. If the body text is 16px, the captions should be 13-14px.

Improve your UX & Product skills with interactive courses that actually work