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=Structure
    WAI-ARIA: Role=Structure

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

  • 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=Command
    WAI-ARIA: Role=Command

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

  • 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=Section
    WAI-ARIA: Role=Section

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

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=Code

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

A section whose content represents a fragment of computer code. Description A section whose content represents a fragment of computer code. The primary purpose of the code role is to inform assistive technologies that the content is computer code and thus may require special presentation, in particular with respect to synthesized speech. More specifically, screen…

WAI-ARIA: Role=Note

WAI-ARIA: Role=Note

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

A section whose content is parenthetic or ancillary to the main content of the resource. Description A section whose content is parenthetic or ancillary to the main content of the resource. Role=Note Example HTML Example 1 HTML Example 2 Characteristics Superclass Role Inherited States and Properties Name From Semantic HTML No HTML element equivalent. Reference

WAI-ARIA: Role=Insertion

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

An insertion contains content that is marked as added or content that is being suggested for addition. Description An insertion contains content that is marked as added or content that is being suggested for addition. Insertions are typically used to either mark differences between two versions of content or to designate content suggested for addition…

Leave a Reply

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