Use to display an informative visual paired with a caption.
<figure class="mds-exhibit"> <div class="mds-exhibit__content"> <img src="/images/components/exhibits/exhibits-sample-image.png" alt="Photograph of a modernist apartment building in Tokyo"> </div> <figcaption class="mds-exhibit__caption">Ex: An example of a modernist apartment building style common to Tokyo.</figcaption> </figure>
aria-describedbytag to link the
mds-exhibit__contentarea, always include the
altattribute describing the information that is visually displayed but is not explained in the