Figure
A content image with caption and credit — the image block's public face.
Show the markup
<figure class="cc-figure">
<img src="https://images.unsplash.com/photo-1449824913935-59a10b8d2000?w=1200&q=80" alt="A brick town hall with a white clock tower on a summer afternoon">
<figcaption>Riverbend Town Hall, built 1897. <span class="cc-figure__credit">Photo: Riverbend Historical Society</span></figcaption>
</figure>
Accessibility
- Content images carry real
alttext; only explicitly decorative images getalt="". - The caption describes context, the alt text describes the image — they are not copies of each other.
- Credit is inside the
figcaptionso it's announced with the caption.