Status and count

Badge

A small error-role indicator for numeric counts, short labels, capped values, and status dots.

Semantics and name

The semantic root and accessible name must match the actual action or value.

  • Accessible name

    Icons, state, and visual labels do not replace a clear assistive-technology name.

  • Status

    Loading, error, and value changes are announced without losing focus.

Keyboard and focus

The component supports expected controls without creating focus traps.

  • Tab order

    Internal elements enter the focus order only when required by the contract.

  • Native keys

    Enter, Space, arrows, and Escape retain native or ARIA-expected meaning.