Image with caption should use <figure> and <figcaption>

[kinglozzer]

Currently the markup is roughly:

<div class="captionImage leftAlone">
    <img src="people.jpg" width="123" height="456" alt="Team photo" />
    <p class="caption leftAlone">From left to right: John, Karen, Richard</p>
</div>

This should be represented by <figure> and <figcaption> elements:

<figure class="captionImage leftAlone">
    <img src="people.jpg" width="123" height="456" alt="Team photo" />
    <figcaption class="caption leftAlone">From left to right: John, Karen, Richard</figcaption>
</figure>

The same applies to captions added to embedded videos.

PRs

• Change captions to use <figure> and <figcaption> #1321

[kinglozzer]

Initial PR: #1321. I need to rebase it and do a matching PR for framework

[GuySartorelli]

Are you still interested in this @kinglozzer?