Textarea
Multi-line text areas for damage descriptions, landmark directions, and notes. Designed for rapid field entry with character limits to keep reports concise.
Preview — With Character Counter
Be specific: mention cracks, collapse, flooding depth, etc.
0 / 500
Preview — Landmark Description
Example: 200m east of the blue mosque, next to the fuel station.
States
Error State
Please describe the damage so coordinators can prioritize response.
Disabled
Accessibility
- Character counter is linked via
aria-describedbyand usesaria-live="polite". - Counter color changes at 80% (amber) and 100% (red) to signal limits visually.
- Resize is disabled (
resize-none) to maintain form layout predictability. - Error and help text use the same
aria-describedbypattern as text inputs.
Trauma-Informed Design
- Character limits (500 chars) reduce the burden of writing long descriptions under stress.
- Placeholder text offers concrete examples to reduce the "blank page" anxiety.
- The landmark fallback field ensures reports are useful even without GPS connectivity.
- Help text provides structured guidance: "mention cracks, collapse, flooding depth."