<p>A perceivable <rref>section</rref> of content that typically contains a <a>graphical document</a>, images, media player, code snippets, or example text. The parts of a <code>figure</code> MAY be user-navigable.</p>

<p>Authors SHOULD provide a reference to the <code>figure</code> from the main text, but the <code>figure</code> need not be displayed at the same location as the referencing element. Authors MAY provide a <code>figure</code> a <rref>caption</rref> which can include its name, descriptive text, or both. If a <code>caption</code> is provided, and it serves as a description to the contents of the <code>figure</code>, authors SHOULD associate it to the <code>figure</code> element using <pref>aria-details</pref>.</p>

<p>Authors MAY provide a <code>figure</code> an accessible name using <pref>aria-label</pref> or use <pref>aria-labelledby</pref> to reference other text in the page to serve as the element's label and accessible name.</p>

<p>Please refer to the <rref>caption</rref> role for more information on how to associate a <code>figure</code> with its <code>caption</code>.</p>

<p><a>Assistive technologies</a> SHOULD enable users to quickly navigate to figures. <a>User agents</a> MAY enable users to quickly navigate to figures.</p>