让更多人更容易使用你的第一个网站

无障碍设计始于让重要信息和操作易于理解。网站即使外观吸引人,也可能难以通过键盘、大号文字或辅助技术使用。先做几项实用检查,并针对自动化工具无法评估的需求寻求适当的人工审核。

使用清晰的阅读顺序

为各个部分添加描述性标题,并按照访客需要的顺序排列。不要只依赖颜色或位置来说明含义。价格选项应有文字标签;错误提示应说明需要更改什么。重要信息应保留在页面文字中,而不是只放在图片里。

让链接含义清楚

选择能说明链接目标或操作的标签。“阅读工作坊指南”比多个互不相关、都标为“点击此处”的链接更容易理解。检查交互控件是否能通过键盘访问,以及是否有清晰可见的焦点指示器显示当前选中的控件。

保持视觉呈现易于阅读

确保对比度充足、文字大小易读。检查文字放大或屏幕变窄时,页面是否仍然易于理解。避免使用会分散注意力的装饰性动画。如果发布动态图像,请考虑它是否会妨碍阅读,或是否传达了也应以文字说明的信息。

为图片提供恰当的上下文

根据图片的作用,为有意义的图片添加描述。辅助技术可以跳过装饰性图片。图表或说明图片需要有对应的解释,且不能依赖观看图片才能理解。请与使用受众所依赖工具的人一起测试。

如需实用的入门介绍,请参阅 https://web.dev/learn/design/accessibility。在 VollSite 中检查生成的结果,以及对颜色、文字、控件或图片所做的任何更改。通过自动化无障碍扫描可以提供有用的技术依据,但这并不等于获得完整的无障碍认证。保持页面简洁,测试实际的联系流程,并在广泛宣称网站具有无障碍功能之前安排适当的人工审核。