交互与无障碍标准
搜索与筛选
- 搜索框必须有可见标签或无歧义的
aria-label。 - 输入即时过滤,但不得抢夺焦点;无结果时展示清除条件和替代查询建议。
- 多个筛选条件使用原生
select或按钮,并用文字显示当前值。 - 返回页面时保留 URL 可表达的筛选状态;关键资产必须有可分享深链接。
内容结构
- 每页只有一个
h1,标题层级不得跳跃。 - Mermaid 或数据视图必须同时提供文字摘要或表格替代。
- 图片必须有意义明确的替代文本;装饰图片使用空替代文本。
- 错误、告警和覆盖缺口同时提供文字、图形或标签,不只依赖红绿颜色。
验收
- 正常文字与背景对比度至少 4.5:1。
- 键盘可以完成导航、搜索、筛选和资产展开。
- 页面缩放至 200% 后无关键内容丢失。
- 明暗主题分别检查焦点、边框、正文和状态标签对比度。
- 375px 宽度下无页面级横向滚动。