WAI-ARIA: Role-Meter

Authored By :Raghavendra Satish Peri Last Updated :June 5, 2024 Roles

An element that represents a scalar measurement within a known range, or a fractional value.

Description

An element that represents a scalar measurement within a known range, or a fractional value.

Authors MAY set aria-valuemin and aria-valuemax to indicate the minimum and maximum values for the meter. Otherwise, their implicit values follow the same rules as <input[type="range"]> in [HTML]:

If aria-valuemin is missing or not a number, it defaults to 0 (zero).
If aria-valuemax is missing or not a number, it defaults to 100.

The value of aria-valuenow MUST NOT fall below or exceed the computed values of aria-valuemin and aria-valuemax, respectively.

Authors SHOULD NOT use the meter role to indicate progress; the progressbar role exists to address that need.

NOTE: Presently, there are no WAI-ARIA properties corresponding to the low, optimum, and high attributes supported on the <meter> element in [HTML]. The addition of these properties will be considered for ARIA version 1.3.

Characteristics

Superclass Role

range

Related Concepts

<meter> in [HTML]

Required States and Properties

aria-valuenow

Inherited States and Properties

Accessible Name Required

True

Children Presentational

True

Implicit Value for Role

Default for aria-valuemin is 0.
Default for aria-valuemax is 100

Semantic HTML

The HTML alternative for role=”meter” is the <meter> tag.

Reference

WAI-ARIA 1.2 Specification
Refer to the notes from the WAI-ARIA 1.2 specification for more information on role=meter.

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.

Roles
WAI-ARIA: Role=Separator
Authored By :Raghavendra Satish Peri Last Updated On :April 24, 2024
0 Comments
Description A divider that separates and distinguishes sections of content or groups of menuitems. There are two types of separators: a static structure that provides only a visible boundary and a focusable, interactive widget that is also moveable. If a separator is not focusable, it is revealed to assistive technologies as a static structural element….
Read More WAI-ARIA: Role=Separator
Roles
WAI-ARIA: Role=Cell
Authored By :Raghavendra Satish Peri Last Updated On :April 24, 2024
0 Comments
A cell in a tabular container. Description New in ARIA 1.1 A cell in a tabular container. See related gridcell. Authors MUST ensure elements with role cell are contained in, or owned by, an element with the role row. Role=Cell Example HTML Example Characteristics Superclass Role Subclass Roles Base Concept Required Context Role Supported States…
Read More WAI-ARIA: Role=Cell
Roles
WAI-ARIA: Role=Status
Authored By :Raghavendra Satish Peri Last Updated On :April 24, 2024
0 Comments
Description A type of live region whose content is advisory information for the user but is not important enough to justify an alert, often but not necessarily presented as a status bar. Authors SHOULD ensure an element with role status does not receive focus as a result of change in status. Status is a form…
Read More WAI-ARIA: Role=Status
Roles
WAI-ARIA: Role=Strong
Authored By :Raghavendra Satish Peri Last Updated On :June 5, 2024
0 Comments
Content that is important, serious, or urgent. Description Content that is important, serious, or urgent. The purpose of the strong role is to communicate strong importance, seriousness, or urgency. It is not for communicating changes in typographical presentation that are not important to the meaning of the content. Authors SHOULD use the strong role only if its absence would change the…
Read More WAI-ARIA: Role=Strong
Roles
WAI-ARIA: Role=Generic
Authored By :Raghavendra Satish Peri Last Updated On :May 17, 2024
0 Comments
A nameless container element that has no semantic meaning on its own. Description A nameless container element that has no semantic meaning on its own. The generic role is intended for use as the implicit role of generic elements in host languages (such as HTML div or span), so is primarily for implementors of user agents. Authors SHOULD NOT use this role in content. Authors MAY use presentation or none to remove implicit…
Read More WAI-ARIA: Role=Generic
Roles
WAI-ARIA: role=presentation
Authored By :Raghavendra Satish Peri Last Updated On :April 24, 2024
1 Comment
An element whose implicit native role semantics will not be mapped to the accessibility API. Description An element whose implicit native role semantics will not be mapped to the accessibility API. See synonym none. Note regarding the ARIA 1.1 none role.§ In ARIA 1.1, the working group introduced none as a synonym to the presentation role, due to author…
Read More WAI-ARIA: role=presentation

WAI-ARIA: Role-Meter

Description