Progress bars have no accessible name

Automated check aria-progressbar-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

Progress is announced as a percentage with no context, for example during an upload or a multi-step checkout.

How to fix it

Add aria-label or aria-labelledby to the element with role="progressbar", for example aria-label="Upload progress".

Related checks: Content

• Meters 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

All checks