对比度要覆盖全部状态

前景和背景的数学比率只是起点。普通文本、大号文本、焦点、错误与禁用状态都要按真实字号和字重检查。

透明表面与图片背景可能不同于平面 HEX 颜色对。

  • 普通文本至少检查 AA。
  • 分别测量焦点与错误颜色。
  • 在真实设备上确认。

把 clamp() 绑定到明确端点

明确最小/最大值与视口边界，才能验证 clamp() 的斜率和端点。

长德语标题、中文换行和 200% 缩放仍需要真实布局测试。

加载前预留媒体空间

已知宽高比可预留空间并降低 CLS。1920×1080 可化简为 16:9，再按目标宽度计算高度。

还应结合 CSS aspect-ratio、width/height、响应式资源与替代文本。