网页无障碍准备指南：从规划到运营

无障碍常被当作开发完成后对照检查表核对的事项。但如果等界面布局和内容都定下来再修改，需要调整的地方就会很多。在规划阶段就梳理清楚谁会在什么环境下使用服务，设计和开发就能按同一套标准推进。

01. 先全面设想各种使用环境

设想各种真实的使用情境，比如不用鼠标、只用键盘操作的人，借助读屏软件收听内容的人，把文字放大来看的人，在户外强光下用手机浏览的人。也要考虑到老年人，以及因受伤或手里拿着东西而暂时不便用手的人。

要在初期确认项目需求或采购单位的标准中是否包含无障碍要求。需要遵循的标准和验收方式确定之后，后续各阶段的工作范围也会随之明确。

需梳理的事项

梳理标题层级、列表和表格的结构以及链接文字，让人不看屏幕也能理解。如果反复出现“查看详情”这样相同的文字，用读屏软件收听时就很难知道链接指向哪里。

承载信息的图片要用替代文本说明内容，装饰性图片则设置为让读屏软件跳过。可下载的文档、视频等独立于正文提供的资料，也要同时提供了解其内容的途径。

需梳理的事项

把文字与背景的对比度、字号和行距、便于点按的按钮尺寸写进设计标准。错误提示、必填项这类重要信息，不只用颜色区分，还要配合文字或符号。

用键盘移动时标示当前位置的焦点样式，同样需要设计。如果去掉默认样式又不提供替代样式，键盘用户就无从知道自己所在的位置，因此要从一开始就确定与服务风格相符的焦点样式。

自动检测工具能快速发现替代文本缺失、对比度不足这类可以按规则找出的问题。但替代文本是否与内容相符、焦点移动顺序是否自然，仍需要人工确认。

只用键盘把核心流程从头到尾操作一遍，再用读屏软件收听主要页面。不同浏览器和设备之间的差异、页面放大、移动端环境，也要纳入验收范围。

需梳理的事项

即使上线时符合标准，随着新内容和图片不断增加，无障碍水平也可能再次下降。要准备好管理界面和发布指引，让内容负责人能够录入替代文本和标题结构。

把新增功能或调整设计时需要检查的项目纳入定期检查。设置供用户反映使用不便的联络渠道，并把收到的意见作为改进事项加以管理。

提前梳理好以下内容，可以在初期讨论中更快地明确范围。即使尚未全部准备好，也可以先从当前情况谈起。

KPS项目指南 · 具体的技术方案和适用条件因需求而异。