WAI-ARIA: Role=Term

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

Description

New in ARIA 1.1

A word or phrase with a corresponding definition. See related definition.The term role is used to explicitly identify a word or phrase for which a definition has been provided by the author or is expected to be provided by the user.

Authors SHOULD NOT use the term role on interactive elements such as links because doing so could prevent users of assistive technologies from interacting with those elements.

Role=Term Example

HTML Example

<p>The <span role="term" id="sobsTerm">Sons of the Blue Spirit</span> was a society of high school students whose purpose it was to make surprise appearances at gatherings and events, and get the crowd going with a few playful stunts.</p>
<p>Sadly it wasn't long lived, because the <span role="definition" aria-labelledby="sobsTerm"SOBS</span> got into trouble for putting the letter "SOBS" on their society t-shirts.</p>

Characteristics

Superclass Role 

  • section

Related Concepts 

  • HTML dt

Inherited States and Properties 

Name From 

  • author

Semantic HTML

No HTML element equivalent.

The role “term” is meant to accompany and explicitly associate role=”definition”, which was missing in ARIA 1.0.

The attribute role=”term” must never be used on an interactive element, but instead must be used on container elements that include textual content or container elements that surround an interactive element (e.g., a link or button).

When role=”definition” is used, it must include aria-labelledby to point to the ID of the role=”term” element to explicitly associate the term to which the definition refers.

Reference

Explore more on DigitalA11Y Insights

  • WAI-ARIA: Role=Section
    WAI-ARIA: Role=Section

    Description A renderable structural containment unit in a document or application. Note: section is an abstract…

  • WAI-ARIA: Role=Sectionhead
    WAI-ARIA: Role=Sectionhead

    Description A structure that labels or summarizes the topic of its related section. Note: sectionhead is…

  • WAI-ARIA: Role=Command
    WAI-ARIA: Role=Command

    A form of widget that performs an action but does not receive input data. Note:…

  • WAI-ARIA: Role=Select
    WAI-ARIA: Role=Select

    Description A form widget that allows the user to make selections from a set of…

  • WAI-ARIA: Role=Structure
    WAI-ARIA: Role=Structure

    Description A document structural element. Roles for document structure support the accessibility of dynamic web…

Share A11y Love
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=Link

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

    An interactive reference to an internal or external resource that, when activated, causes the user agent to navigate to that resource. Description An interactive reference to an internal or external resource that, when activated, causes the user agent to navigate to that resource. See related button. If this is a native link in the host…

  • WAI-ARIA: Role=List

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

    A section containing listitem elements. Description A section containing listitem elements. See related listbox. Lists contain children whose role is listitem, or elements whose role is group which in turn contains children whose role is listitem. Role=List Example Pseudo-list with ‘list’ and ‘list-item’ roles Characteristics Superclass Role Subclass Roles Base Concept Required Owned Elements Inherited…

  • WAI-ARIA: Role=Time

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

    An element that represents a specific point in time. Description An element that represents a specific point in time. NOTE: At the present time, there are no WAI-ARIA properties corresponding to the datetime attribute supported on <time> in [HTML]. The addition of this property will be considered for ARIA version 1.3. Authors SHOULD limit text contents to a valid date- or time-related string,…

Leave a Reply

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