文字链接link

← 文档站

渲染快照(真实演示页)

iframe 直接加载 frameworks/Link.html:组件 CSS 与内联脚本真实执行,用例由运行期标注 data-assert="<id>",断言在帧内运行后写回 data-status(帧内描边可视化)。

↗ 新窗口打开演示页 加载中…

断言结果

总数 0 通过 0 失败 0 跳过 0 耗时 0 ms

通用测试矩阵(自动断言)

以下检查在「运行断言」时于演示页帧内同时跑:默认态、变体覆盖、状态可达、可见用例、键盘可达、焦点环、ARIA 属性、对比度、token 一致性。

  1. 默认态渲染:核心节点齐全
  2. 尺寸/类型变体:≥2 尺寸 或 ≥2 类型
  3. 状态覆盖:default / hover / focus / disabled / loading 至少出现 1 个(或 ≥3 个用例)
  4. 可见用例:≥1 个用例在默认态可见(隐藏用例记 skip)
  5. 键盘可达:可聚焦元素具备 tabindex 或原生 button/a
  6. 焦点环可视:focus-visible 描边不被覆盖(脚本检查 stylesheet)
  7. ARIA 属性:交互节点具备 role 或 aria-*
  8. 对比度:用例区文本颜色与背景对比度 ≥ 4.5:1(页头文档文字不计)
  9. token 一致性:用例区未出现硬编码 hex 颜色
已导出 ✓