Dev.to
7/25/2026

Design a Health Dashboard That Exposes Uncertainty and Connection Errors
Short summary
A UI design proposal for health dashboards that separates source reliability (current, stale, disconnected, partial, error) from data meaning (reported, missing, unsupported) using TypeScript types and accessible HTML patterns. It includes an accessibility test matrix for state transitions and guidelines for ARIA live regions, skeleton loaders, and multi-card failure summaries. The pattern is generic and not a reconstruction of ChatGPT's interface.
- •Two-layer model: SourceState (retrieval trustworthiness) and MeaningState (interpretive honesty) kept separate
- •Accessible HTML with ARIA live regions for refresh results, not background syncs
- •Proposed accessibility test matrix covering keyboard, screen-reader, and visual checks for state transitions
Generated with AI, which can make mistakes.
Is this a good recommendation for you?



