search-results

用途：该模式解决的是如何把用户查询变成可排序、可筛选的结果列表，让用户在搜索过宽或不理想时能够恢复并继续前进，尤其适合文档与知识库检索、目录与名录搜索、内部管理与运营搜索。主要能力：围绕结果展示与筛选提供一套可复用的模式，包含结构（anatomy）与示例，帮助团队选择最小可行变体，并覆盖状态、规则与恢复路径，避免隐藏用户继续操作所需的信息。使用方式：实施前先确认该模式与问题及约束匹配，不要直接复制示例；从 references/pattern.md 中的结构与示例入手，选择最小可行变体；在叠加视觉细节前先应用无障碍、性能和交互护栏；用测试指南验证键盘、屏幕阅读器、响应式与失败场景下的行为。无障碍要求：确保仅用键盘即可完成搜索结果操作，模式打开、更新或揭示新界面时保持焦点顺序合理，保留在高倍缩放下仍清晰可见的焦点状态；优先使用语义元素，仅在语义不足时添加 ARIA，并在正确位置以合适礼貌级别播报错误、加载或完成等状态变化，必要时用 aria-describedby 或结构标题连接标签、提示与状态文本；不要仅靠颜色传达严重程度、完成或选中状态。应避免：产品面尚小时改用更简单的可见导航或单页流程；团队无法妥善支持状态复杂度时避免高级交互模式；在基础路径尚不完善前不要引入隐藏的高级用户行为。常见错误：只设计顺利路径，导致加载、空和失败状态出现时体验失配，应同时明确完整生命周期；交互与内容脱节，应让模式的信息架构贴近交互模型；把无障碍留到最后处理，应在首次实现就纳入语义、焦点行为与播报。相关模式可参考筛选面板、搜索字段与分页。完整实现细节、示例与测试说明见 references/pattern.md，模式页面为 https://uxpatterns.dev/patterns/advanced/search-results。