Meter

Pattern

A meter shows a value within a known range — disk usage, temperature, score. Distinct from progressbar: a meter doesn't change toward completion, it just is.

Roles

• meter

States and properties

aria-valuenow

Current value.

aria-valuemin / aria-valuemax

Range bounds.

aria-valuetext

Human-readable text (optional).

WCAG criteria

• 4.1.2 — Name, Role, Value

Canonical reference

WAI-ARIA Authoring Practices Guide — Meter

More

• All patterns
• WidgetPatternAnalyzer — the analyser that validates these patterns.
• Back to Paradise