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, similar to the native <dfn> element. To associate the definition with the term being defined, and to provide an accessible name, reference the term being defined with role="term", using aria-labelledby.

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