A definition of a term or concept.
Description
A definition of a term or concept. See related term.
Authors SHOULD identify the element being defined by giving that element a role of term and referencing it with the aria-labelledby attribute.
Example
Inline Definition Example
In the example below, the definition of a term that is described in the natural flow of the narrative is associated with the term itself using the aria-labelledby attribute:
<p>The doctor explained it had been a <dfn id=”placebo”>placebo</dfn>, or <span role=”definition” aria-labelledby=”placebo”>
an inert preparation prescribed more for the mental relief of the patient than for its actual effect on a disorder.</span>
</p>
Definition List Example
In the example below, the definitions in a formal definition list are associated with the terms they define using the aria-labelledby attribute:
<dl>
<dt id=”anathema”>anathema</dt>
<dd role=”definition” aria-labelledby=”anathema”>a ban or curse solemnly pronounced by ecclesiastical authority
and accompanied by excommunication</dd>
<dd role=”definition” aria-labelledby=”anathema”>a vigorous denunciation : cursor</dd>
<dt id=”homily”>homily</dt>
<dd role=”definition” aria-labelledby=”homily”>a usually short sermon</dd>
<dd role=”definition” aria-labelledby=”homily”>a lecture or discourse on or of a moral theme</dd>
</dl>
HTML Example
<span role=”term” aria-labelledby=”def1″>Love</span>
<span id=”def1″ role=”definition”>an intense feeling of deep affection.</span>
Characteristics
Superclass Role
- section
Related Concepts
- HTML dd
- HTML dfn
Inherited States and Properties
- aria-atomic
- aria-busy (state)
- aria-controls
- aria-current (state)
- aria-describedby
- aria-details
- aria-disabled (state)
- aria-dropeffect
- aria-errormessage
- aria-expanded (state)
- aria-flowto
- aria-grabbed (state)
- aria-haspopup
- aria-hidden (state)
- aria-invalid (state)
- aria-keyshortcuts
- aria-label
- aria-labelledby
- aria-live
- aria-owns
- aria-relevant
- aria-roledescription
Name From
- author
Semantic HTML
No HTML element equivalent.
Reference
- W3C (opens new window)