Provide accessible names for meter elements

A meter represents a scalar measurement; without a label, a user might hear a value (e.g., '50%') but have no idea if it refers to battery life, storage space, or a password strength.

Quick Reference

• The <meter> element or role="meter" must have an accessible label
• Use aria-label or aria-labelledby to provide context
• Helps users understand what measurement is being displayed

Check

Check for <meter> elements or elements with role="meter" that lack an accessible name.

Fix

Add an aria-label or aria-labelledby to the meter element to describe the measurement.

Explain