Use semantic HTML5 <figure> and <figcaption> for image captions.
- Use semantic HTML5 <figure> and <figcaption> for image captions1 cited source1 category
Save for later 0
Use × to move an item here. You can restore it when you’re ready.
Your checks and saved items stay in this browser. Nothing is submitted.
Why this matters
Semantic markup signals search engines on image captions improving context and user comprehension.
Hypothetical standard operating procedure
Adapt this example to your site, access, tools, and change process. It is our suggested procedure, informed by the sources below.
- Audit current image captions and surrounding HTML markup.
- Replace or wrap images and captions using <figure> and <figcaption> elements respectively.
- Ensure captions add meaningful context distinct from alt text.
- Test pages for correct semantic reading order with assistive technologies.
- Validate HTML markup for accessibility compliance.
Watch for
Using generic <div> or inline captions loses semantic benefits and accessibility improvements.
Definition of done
Images with captions use <figure> and <figcaption> tags properly nested.
Sources & attribution
Original checklist wording and example SOP by Best SEO Checklist, using source-grounded AI assistance. Editorial contact: Ted Kubaitis, @tedkubaitis on Teams. Check current source guidance before implementation.