Ensures Every ARIA Meter Node Has an Accessible Name
Blind
Low vision
Mobility
WCAG 2.1 Level A
Web accessibility requirements state that Aria meter elements must have discernible text that clearly describes the destination, purpose, function, or action for screen reader users.
When elements with a role=”meter” attribute do not have an accessible name, screen readers are unable to relay their purpose to users.
Developers should check that all elements with role=”meter” have a discernible and accessible name.
The aria-meter-name rule has three markup patterns that pass test criteria:
<div role="meter" id="alb" aria-labelledby="labeldiv"></div><div role="meter" id="combo" aria-label="Aria Name">Name</div><div role="meter" id="title" title="Title"></div>
Copy
The aria-meter-name rule has four markup patterns that fail testing criteria:
<div role="meter" id="empty"></div><div role="meter" id="alempty" aria-label=""></div><div role="meter" id="albmissing" aria-labelledby="nonexistent"></div><div role="meter" id="albempty" aria-labelledby="emptydiv"></div>
<div id="emptydiv"></div>
Copy