Semantics
A perceivable section of content that typically contains a graphical document, images, media player, code snippets, or example text.
Additional info from the ARIA specification
The parts of a figure MAY be user-navigable.
Authors SHOULD provide a reference to the figure from the main text, but the figure need not be displayed at the same location as the referencing element. Authors MAY provide a figure a caption which can include its name, descriptive text, or both. If a caption is provided, and it serves as a description to the contents of the figure, authors SHOULD associate it to the figure element using aria-details.
Authors MAY provide a figure an accessible name using aria-label or use aria-labelledby to reference other text in the page to serve as the element's label and accessible name.
Please refer to the caption role for more information on how to associate a figure with its caption.
Assistive technologies SHOULD enable users to quickly navigate to figures. User agents MAY enable users to quickly navigate to figures.
Abstract Role
StructureRepresents a non-interactive part of a page that organizes content into coherent units.
Content Categories
Flow ContentAn element that structures and organizes the body of a web document.
Allowed Descendants
Flow Children Allowed
No main element descendants allowed.
Usage
Allowed HTML elements
Implicit semantics
These elements have the role semantics by default, without needing to set the role attribute. Reach for elements with native semantics first when choosing how to implement a role in your content.
figure
Explicitly allowed
- None
Elements that can have any role
abbr[role=figure]address[role=figure]b[role=figure]blockquote[role=figure]canvas[role=figure]cite[role=figure]code[role=figure]custom-element[role=figure]data[role=figure]del[role=figure]dfn[role=figure]div[role=figure]em[role=figure]i[role=figure]ins[role=figure]kbd[role=figure]mark[role=figure]output[role=figure]p[role=figure]pre[role=figure]q[role=figure]samp[role=figure]small[role=figure]span[role=figure]table[role=figure]tbody[role=figure]tfoot[role=figure]thead[role=figure]time[role=figure]u[role=figure]var[role=figure]