RAPIDA UI

Damage Classification Selector

A specialized selector for the three-level damage classification used in RAPIDA reports. Wraps the Radio Group atom with pre-configured options, color dots, and plain-language descriptions to help field reporters classify damage accurately.

Preview — No Selection

Damage Classification

Preview — Partial Selected

Damage Classification

States

Required with error

Damage Classification

Pre-selected: Complete

Damage Classification

Accessibility

  • Uses <fieldset> and <legend> for semantic grouping.
  • Each radio card has an aria-label with the full damage level name.
  • Color dots are decorative — each option also has text label and description.
  • Error messages use role="alert" for immediate screen reader feedback.

Trauma-Informed Design

  • Plain-language descriptions help reporters classify damage without technical expertise.
  • Three clear levels avoid decision paralysis — not too few, not too many options.
  • Color-coded dots (green/amber/red) provide intuitive visual guidance.
  • Large card-style radio buttons are easy to tap under stress.