Meters have no accessible name
Automated check aria-meter-name, run with axe-core
- WCAG
- 1.1.1 Non-text Content (Level A)
- Severity
- Moderate: a degraded experience
- Typical effort
- Quick win, under 1 hour
- Category
- Content
Who this affects
Screen reader users.
Why it matters
A gauge such as a password-strength or storage meter is announced as a bare value, without saying what is being measured.
How to fix it
Add aria-label or aria-labelledby to the element with role="meter", for example aria-label="Password strength".
Check your own website
The free scan tests 3 pages against WCAG 2.2 A and AA in about 30 seconds. No sign-up.
Related checks: Content
- Progress bars have no accessible name
- Tooltips have no accessible name
- Table header cells are empty
- Images have no text alternative
- Image alt text duplicates nearby visible text
- Embedded objects have no text alternative
- Elements with role="img" have no text alternative
- Table scope attributes are used incorrectly