很多设计师认为「无障碍设计会限制创意」，但 Apple 的 Human Interface Guidelines 从一开始就将无障碍（Accessibility）作为核心设计原则。实际上，HIG 与 WCAG 2.1 AA 标准高度兼容——好的设计本身就是无障碍的。

对比度：4.5:1 不是限制，是指南

WCAG AA 要求正常文字至少 4.5:1、大文字至少 3:1 的对比度。Apple HIG 的色彩体系中：

  • --label-primary (#000000) 在白色背景上对比度 = 21:1（远超标准）
  • --label-secondary (rgba(60,60,67,0.6)) 在白色背景上 ≈ 6.5:1（通过 AA）
  • --label-tertiary (rgba(60,60,67,0.3)) 在白色背景上 ≈ 3.2:1（仅限大文字/装饰）
「无障碍不是功能的子集，而是优秀设计的自然结果。」—— Apple

触控目标：44pt 法则

iOS HIG 规定所有可交互元素的最小触控区域为 44×44pt。这不仅方便了普通用户，对有运动障碍的用户更是至关重要。WCAG 2.5.5 建议的 44×44px 目标尺寸与此完全一致。

屏幕阅读器支持

Apple 的 VoiceOver 与 Web 的 ARIA（Accessible Rich Internet Applications）标准一脉相承。实践中需要：

  • 为所有图标按钮添加 aria-label
  • 使用语义化 HTML 标签（<nav>、<main>、<article>）
  • 为自定义组件添加 role 属性
  • 确保焦点顺序与视觉顺序一致

Dynamic Type 支持

iOS 用户可以在设置中调整全局字体大小。Web 实现中：

  • 避免使用固定 px 单位设置字号（使用 rem/em 或 CSS 变量）
  • 确保容器可以随文字扩展而调整高度
  • 测试最大字号下布局是否仍然可用

减少动效

HIG 推荐通过 prefers-reduced-motion 媒体查询为前庭障碍用户关闭动画：

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}

无障碍不是项目的终点，而是设计过程中持续关注的维度。将 WCAG 检查点融入日常的开发流程，比在项目末期集中返修要高效得多。