Skip to content
a11yman

Find what you need, instantly

Search components, ARIA roles & attributes, and WCAG criteria.

Quick links

All roles

figure

Document structure role

A unit of content — an image, diagram, code sample, or similar — optionally with a caption, referenced as a single item. It groups the content and its caption so they're announced together. The native `<figure>`/`<figcaption>` pair conveys this.

Used on
Content, optionally with a caption, referenced as a unit. Prefer <figure>.
Accessible name
From a <figcaption>, aria-labelledby, or aria-label.
Example
role="figure"
<figure>
  <img src="chart.png" alt="Sales chart" />
  <figcaption>Q4 sales</figcaption>
</figure>
References