figcaption

Figcaption is an HTML element used to provide a caption for the content of a figure. It is intended to describe the media contained in a figure, such as an image, diagram, chart, or illustration. In HTML5, a figure may include one figcaption, and the figcaption is placed as the first or last child of the figure.

The content of a figcaption is typically text and may include basic inline elements to enhance the description, such as links or emphasis. The caption should be concise and informative, supplementing the media without duplicating essential information that is already conveyed by the media’s alt text or the surrounding content.

Semantics and accessibility are key considerations. The figcaption provides a text description that screen readers can announce in conjunction with the figure, helping users understand the visual content. When an image is used, ensure the image’s alt attribute conveys essential information, while the figcaption offers additional context or detail. Do not rely solely on the caption for essential information; use alt text for important image content.

Styling and usage notes. By default, browsers render figcaption below the figure content, but CSS can reposition or style the caption as needed. Best practices include keeping captions brief and descriptive, avoiding duplication with alt text, and using figcaption for sources or attribution when appropriate. Figcaption is a standard feature of HTML5 and is widely supported by modern browsers and assistive technologies.