Engagement & Recognition Panel
Community contribution stats and recognition badges. Shows how many community members have submitted reports, the user's own contribution count, and earned achievements. Encourages participation through positive reinforcement rather than gamification pressure.
Preview — Active Contributor
Community Contributions
Every report helps responders reach those in need faster.
247
Community members have submitted reports
8
Reports you have submitted
Preview — New User
Community Contributions
Every report helps responders reach those in need faster.
12
Community members have submitted reports
0
Reports you have submitted
Molecules & Atoms Composed
x-atoms.badge— Earned/locked achievement statusx-atoms.icon— Achievement icons, community iconx-atoms.button— Submit report CTA
Accessibility
- Uses
role="region"with descriptive label. - Achievement icons use
aria-hidden="true"— status is communicated via text. - Locked badges have visual opacity reduction plus text label for screen readers.
Trauma-Informed Design
- Messaging frames contributions as helpful to others rather than competitive.
- Locked badges are shown gently (reduced opacity) without creating pressure to "earn" them.
- "Every report helps responders reach those in need faster" connects action to impact.