Skip to content
FunCoding

aria-progressbar-name

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide accessible names for progress bars. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.

Star
74,442
Category
Browser & testing
License
MIT
Last commit
Oct 6, 2026

skills/aria-progressbar-name/SKILL.md

View on GitHub

Provide accessible names for progress bars

Without an accessible name, screen reader users will only hear that a progress bar exists but won't know what task or process it represents.

Quick Reference

  • Use aria-label or aria-labelledby to name progress bars
  • Ensure the name describes what the progress indicates
  • Avoid redundant text like "progress" in the label
  • Provide aria-valuenow, aria-valuemin, and aria-valuemax when the value is known
  • Visual progress meters should use real progress semantics rather than decorative divs when they communicate status

Check

Check if all progress bar elements (role="progressbar") have an accessible name via aria-label or aria-labelledby.

Fix

Add an aria-label or aria-labelledby attribute to the progress bar to describe what it is measuring.

Explain

Explain why progress bars need accessible names for screen reader users to understand the context of the loading state.

Code Review

Review the rendered markup and interactive states that affect Provide accessible names for progress bars. Flag exact elements, roles, labels, focus behavior, or keyboard interactions that violate the rule, and note how to verify the fix with browser accessibility tooling or assistive tech.

For full implementation details, code examples, and framework-specific guidance, see references/rule.md.

Rule page: https://frontendchecklist.io/rules/accessibility/aria-progressbar-name

Similar Skills

test-driven-development

OBobra/superpowers298k2,631 new stars in the last 7 days

migrate-to-shoehorn

MAmattpocock/skills288k10,178 new stars in the last 7 days

agent-runtime-gateway-smoke-test

AFaffaan-m/ECC278k4,046 new stars in the last 7 days

Featured

accessibility

Audit accessibility on Web, iOS, and Android to meet WCAG 2.2, with keyboard navigation and screen-reader support.

AFaffaan-m/ECC278k4,046 new stars in the last 7 days

ai-regression-testing

AFaffaan-m/ECC278k4,046 new stars in the last 7 days

Official

firecrawl-build-interact

FIfirecrawl/firecrawl191k2,010 new stars in the last 7 days