ARIA: definition role
The definition ARIA role indicates the element is a definition of a term or concept.
Description
The definition ARIA role can be included on an element that is a definition of a term or concept. Mark the term being defined with role="term" or the native <dfn> element. To associate the term with its definition, set aria-details on the term element to the id of the definition element.
Elements with the definition role cannot have an accessible name; the aria-braillelabel, aria-label, and aria-labelledby properties are prohibited.
html
<p>
<span role="term">Mansplaining</span>,
<span role="definition">
a portmanteau of "man" and "explain", is the patronizing act of explaining
without being asked to do so, to someone already learned on the topic, often
after someone has already explained it
</span>.
</p>
Note:
Instead of a <span> with the term and definition roles, use the <dfn> element. Always use native element if available.
html
<p>
<dfn>Mansplaining</dfn>, a portmanteau of "man" and "explain", is the
patronizing act of explaining without being asked to do so, to someone already
learned on the topic, often after someone has already explained it.
</p>
Specifications
| Specification |
|---|
| Accessible Rich Internet Applications (WAI-ARIA) # definition |
See also
- The
termrole - The
<dfn>element - The
<dd>element - The
<dl>element - The
<dt>element