WAI-ARIA: Role=Definition

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated : Roles
WAI-ARIA: Role=Definition
WAI-ARIA: Role=Definition

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.

Role=Definition 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

Name From

  • author

Semantic HTML

No HTML element equivalent.

Reference

  • W3C (opens new window)
Avatar for Raghavendra Satish Peri

Raghavendra Satish Peri empowers enterprises with his expertise in digital accessibility and marketing. Through his impactful work, he collaborates with both small businesses and large enterprises, spearheading digital transformation initiatives. Raghavendra is the author behind the influential Accessibility Blog hosted at DigitalA11Y.com, where he delves into the intricate realm of digital accessibility and its significance.
Passionate about fostering change within the tech landscape, Raghavendra actively inspires local tech communities through engaging meetups and mentorship. He is the driving force behind HelloA11Y.com, a vibrant platform that unites accessibility professionals, developers, and enthusiasts, propelling the adoption of accessible practices.
Beyond the digital realm, Raghavendra seeks diverse experiences. You might find him exploring various cuisines at local cafes and restaurants or immersing himself in thought-provoking audio books. His insights and musings also find a home on his Personal Blog at raghava.in, where he shares his thoughts and experiences with a wider audience.

Similar Posts

WAI-ARIA: ROLE=FIGURE

WAI-ARIA: ROLE=FIGURE

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
0 Comments

A perceivable section of content that typically contains a graphical document, images, code snippets, or example text. The parts of a figure MAY be user-navigable. Description New in ARIA 1.1 A perceivable section of content that typically contains a graphical document, images, code snippets, or example text. The parts of a figure MAY be user-navigable….

WAI-ARIA: Role=Listitem

WAI-ARIA: Role=Listitem

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
0 Comments

Description A single item in a list or directory. Authors MUST ensure elements with role listitem are contained in, or owned by, an element with the role list or group. ROle=Listitem Example Pseudo-list with ‘list’ and ‘list-item’ roles Characteristics Superclass Role Subclass Roles Required Context Role Supported States and Properties Inherited States and Properties Name…

WAI-ARIA: Role=Toolbar

WAI-ARIA: Role=Toolbar

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
0 Comments

Description A collection of commonly used function buttons or controls represented in compact visual form. The toolbar is often a subset of functions found in a menubar, designed to reduce user effort in using these functions. Authors MUST supply a label on each toolbar when the application contains more than one toolbar. Authors MAY manage…

WAI-ARIA: Role=Heading

WAI-ARIA: Role=Heading

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
0 Comments

A heading for a section of the page. Description A heading for a section of the page. Often, heading elements will be referenced with the aria-labelledby attribute of the section for which they serve as a heading. If headings are organized into a logical outline, the aria-level attribute is used to indicate the nesting level….

WAI-ARIA: Role=MenuitemCheckbox

WAI-ARIA: Role=MenuitemCheckbox

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
0 Comments

A menuitem with a checkable state whose possible values are true, false, or mixed. Description A menuitem with a checkable state whose possible values are true, false, or mixed. The aria-checked attribute of a menuitemcheckbox indicates whether the menu item is checked (true), unchecked (false), or represents a sub-level menu of other menu items that…

WAI-ARIA: Role=Sectionhead

WAI-ARIA: Role=Sectionhead

Avatar for Raghavendra Satish PeriAuthored By :Raghavendra Satish Peri Last Updated On :
0 Comments

Description A structure that labels or summarizes the topic of its related section. Note: sectionhead is an abstract role. Authors should not use this role in content. Characteristics Is Abstract Superclass Role Subclass Roles Supported States and Properties Inherited States and Properties Name From Reference

Leave a Reply

Your email address will not be published. Required fields are marked *