你做了一张很漂亮的注册页：浅灰小字显得克制，输入框只放占位提示，图标按钮没有文字。视觉上很“干净”，但低视力用户可能看不清，读屏软件也不知道输入框和按钮是做什么的。问题不在于设计师没学过无障碍，而在于团队把“好设计”和“合规检查”拆成了两件事。
Hope Turner 在 uxdesign.cc 的文章试图把它们重新接起来。她把 WCAG——网页内容无障碍指南——翻译成设计师熟悉的词：视觉层级、对比度、标签、明确的交互暗示、稳定的组件和清楚的文案。无障碍设计不是另做一套特殊界面，而是让不同身体、感官和认知能力的人都能感知、操作并理解同一个产品。
文章引用的数字均来自 Turner 对 WebAIM 2026 自动扫描报告的转述，编辑部没有拿到原报告独立核对。自动扫描只能发现机器可判断的问题，不能替代真人使用辅助技术完成任务时的体验验证。
换一套词，问题就熟悉了
设计师本来就知道，正文必须看得清，标题要有层次，输入框要说明想让人填什么，按钮也该让人看出按下去会发生什么。WCAG 只是把这些原则写成可检查的要求。
例如，视觉层级不只存在于字号和字重里，还要写进页面的底层结构。Turner 转述的数据称，41.8% 的页面存在标题级别跳跃，18.1% 包含多个 <h1>。眼睛也许还能从版式猜出主次，依赖页面结构导航的工具却可能拿到一份顺序混乱的目录。
对比度更直接。低对比度文字出现在 83.9% 的页面上，平均每页约 34 处，是这份转述中最常见的失败。它看似只是配色选择，实际关系到内容能不能被读到。
标签也是同一个道理。平均首页有 33.1% 的表单输入项缺少“程序化标签”——也就是代码中能让辅助工具确认字段用途的名称。占位文字看起来像标签，却可能在开始输入后消失。文章还称，16.2% 的图片完全没有 alt 文本；alt 是图片无法被看见时提供其信息的文字说明。另有 10.8% 只写了“image”“graphic”或文件名，形式上填了，信息仍然为空。
障碍常常是流程生产出来的
这也解释了一个反常现象：团队明明知道基础原则，错误却年年重复。据 Turner 转述，WebAIM 扫描排名前一百万网站的首页后，在 95.9% 的页面上发现了可检测错误，平均每页 56 个；错误率还较上一年上升，结束了此前连续六年的缓慢改善。最常见的六类失败则连续七年没有变化。
如果问题只是个别设计师缺课，培训一次应该会改善。长期重复更像流程性障碍：需求没有写清，组件缺少正确名称，交付只保留视觉效果，验收又只跑自动扫描。每个人都完成了手里的局部任务，障碍却在接缝处被制造出来。
空链接和空按钮尤其能说明这一点。文章称，46.3% 的页面存在空链接，30.6% 存在空按钮。它们可能在视觉稿里有图标，在代码里也能点击，却没有可辨认的名称。问题横跨文案、设计、组件实现和验收，很难靠末尾加一张合规清单补救。
真正值得带回流程的是什么
“你已经知道怎么做”是一个有用的入口，因为它降低了无障碍进入日常讨论的门槛。评审配色时谈可读性，检查组件时确认名称与状态，设计导航时保持同类操作一致，这些都不必等到上线前才交给“无障碍专家”。
但这句话不能理解成“设计常识足以替代专门知识”。WCAG 仍包含具体要求；语义化实现、键盘操作和辅助技术测试也不能从视觉稿直接推导出来。Section 508 是美国联邦领域的法律与政策框架，文章把它与 WCAG 大量并列，便于理解对应关系，却不意味着两者的适用范围和合规判断可以简单画等号。
局限与未知
- 本文只有一篇二手文章作为信源，95.9%、56 个以及历年趋势等数字尚未由原始报告交叉确认。
- 自动扫描发现的是“可机器检测的错误”，不能据此断言同等比例的网站完整审计不合格；清晰语言等体验问题甚至不会触发错误计数。
- 供稿原文在 Section 508 的说明处截断，可能遗漏后续限定；33.1% 的统计分母也存在误读空间。
这篇文章最有价值的地方，不是宣布无障碍很简单，而是换了问题的问法：不要问上线前还能补多少条标准，而要问每一次设计决定，是否把信息、操作和反馈交代清楚。这样，无障碍才会从额外检查项，回到产品质量本身。