Progress

Keyboard

Progress displays completion. It does not need keyboard interaction or focus.

Semantics

Use label or aria-label to name the task. Announce completion or failure separately.

Checklist

  • Name the task with label or aria-label.
  • Keep value in sync with progress from 0 to 100. The accessible value must remain available when Show value is off.
  • Announce completion or failure separately from the progress bar.

For contrast, zoom and screen reader checks, see the common accessibility checklist.