Back to Learn
Pulseaccessibility

ARIA Meter Elements Have Accessible Names

What This Audit Checks

This audit verifies that elements with role="meter" have an accessible name. Meters display a scalar value within a known range, such as disk usage or password strength.

Why It Matters

Without a name, a screen reader announces the meter's value but not what it measures. Hearing "60 percent" without context is meaningless -- users need to know it's "disk usage" or "signal strength."

How to Fix It

  • Use aria-label to provide a concise description of what the meter measures.
  • Use aria-labelledby to point to a visible label element.
  • Consider the native <meter> element with a <label> for automatic accessible naming.
<!-- Bad: no accessible name -->
<div role="meter" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>

<!-- Good: labeled with aria-label -->
<div role="meter" aria-label="Storage used" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>

How Pulse Tracks This

Pulse flags this audit in your Lighthouse accessibility score. When the audit fails, Pulse shows which elements triggered it so you can fix them directly.

Resources