ui component state / Skeleton
Skeleton
内容结构已知但数据尚未到达的占位状态。
Key fields
Identity
- Subtype
- 状态或变体
- Parent Taxonomy
- Card, Data Table, Search Results, Image
What
- Definition
- 内容结构已知但数据尚未到达的占位状态。
- Manifestation
- 使用与最终内容相近的骨架形状和节奏。
Why
- Implementation Goal
- 不把骨架文本读给读屏;提供加载语义。
How
- Implementation Guidance
- 默认值明确;状态转换可预测;键盘和触摸路径完整;读屏可感知;高对比和 reduced motion 下仍可用。
Evidence
- Limitations
- 使用语义状态、可见焦点、文本等价和适当的 ARIA 属性表达;不只依赖颜色、动画或声音。
Lifecycle
- Status
- 启用
Related content
Relationships come from the local knowledge graph and include reverse links.