Figure and caption (figure-figcaption)

Ensure captioned images and diagrams are marked up with a <figure> element containing a <figcaption>.


div instead of figure:

In this example there is used <div> instead of <figure>


A network diagram

Diagram showing network connections.


The (DOM/programmatic) structure of the example image & paragraph above looks like this:

<div>
<img src="../../../assets/images/diagram.png" width="500" alt="A network diagram" />
<p>Diagram showing network connections.</p>
</div>

Note: Impossible to automatically test or detect. Requires a human tester or AI to determine (e.g. from surrounding context) if a figure element is necessary, and then verify if one exists in association with an image element.

axe detected: none  |  QualWeb detected: none