Spinner

Keyboard

Spinner displays a loading state. It does not need keyboard interaction or focus.

Semantics

Spinner has role="status" and a default loading label in Korean. Set aria-label or aria-labelledby to describe what is loading. Avoid announcing the same status in a separate message.

Checklist

  • Use a loading label or status message that explains what the user is waiting for.
  • Avoid having multiple Spinners announce the same status. For a decorative spinner, announce loading separately.
  • Hide the spinner when the task succeeds or fails. Show the result or a retry action.

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