Skip to main content

交互与无障碍标准

搜索与筛选​

  • 搜索框必须有可见标签或无歧义的 aria-label。
  • 输入即时过滤,但不得抢夺焦点;无结果时展示清除条件和替代查询建议。
  • 多个筛选条件使用原生 select 或按钮,并用文字显示当前值。
  • 返回页面时保留 URL 可表达的筛选状态;关键资产必须有可分享深链接。

内容结构​

  • 每页只有一个 h1,标题层级不得跳跃。
  • Mermaid 或数据视图必须同时提供文字摘要或表格替代。
  • 图片必须有意义明确的替代文本;装饰图片使用空替代文本。
  • 错误、告警和覆盖缺口同时提供文字、图形或标签,不只依赖红绿颜色。

验收​

  • 正常文字与背景对比度至少 4.5:1。
  • 键盘可以完成导航、搜索、筛选和资产展开。
  • 页面缩放至 200% 后无关键内容丢失。
  • 明暗主题分别检查焦点、边框、正文和状态标签对比度。
  • 375px 宽度下无页面级横向滚动。