Start scanning free

( Perceivable / WCAG 1.1.1 )

ARIA meter has no accessible name

This check maps to Non-text Content. Use the guidance below to confirm the issue, understand who it affects and ship a fix.

Serious Level A WCAG 1.1.1 — Non-text Content

What’s wrong

An element with role="meter" has no accessible name, so a screen reader announces a value with no idea what it’s measuring.

Why it matters

A meter without a name is just a number. “72%” means nothing on its own, it needs to say “Storage used, 72%” or similar.

How to fix it

Label the meter with visible text via aria-labelledby, or aria-label if there’s no visible caption.

Before
<div role="meter" aria-valuenow="72" aria-valuemin="0" aria-valuemax="100"></div>
After
<div role="meter" aria-label="Storage used" aria-valuenow="72" aria-valuemin="0" aria-valuemax="100"></div>

Learn more