指南 · 发布于 2026-09-16

小商家网站无障碍。

无障碍网站就是让更多人都能使用的网站:包括失明、失聪、视力低下或用键盘浏览的顾客。下面介绍大多数网站都以之为衡量标准的规范、您可以自己做的快速检查,以及美国司法部对 ADA(Americans with Disabilities Act,美国残疾人法)与网站的说法。

WCAG 是什么

W3C 标准

《Web 内容无障碍指南》(WCAG)由 W3C 发布,说明如何让网页内容更便于残障人士使用。1WCAG 2.0 于 2008 年发布,WCAG 2.1 于 2018 年发布,WCAG 2.2 于 2023 年 10 月 5 日发布。1

这些指南按四项原则组织:可感知、可操作、可理解、稳健。1每条成功标准分属 A、AA、AAA 三个级别之一。1符合 WCAG 2.2 的内容也符合 2.1 和 2.0,所以按最新版本来做就能覆盖旧版本。1

可以自己做的简单检查

出自 W3C WAI
检查项看什么
页面标题每个页面都有一个简要描述其内容的标题 [2]
图片替代文字替代文字传达的意思与图片相同 [2]
标题层级几乎每个页面都至少有一个标题,且标题反映页面结构 [2]
颜色对比度正常大小文字的对比度至少为 4.5:1 [2]
文字缩放放大文字时,文字不会消失或被截断,句子也不需要横向滚动 [2]
键盘访问和焦点可以用 Tab 键移动到每个链接、表单字段、按钮和媒体控件,并能看清当前位置 [2]
表单、标签和错误提示每个表单控件都有关联的标签 [2]
移动或闪烁的内容用户可以控制移动的内容,例如幻灯片和轮播图 [2]
多媒体替代内容视频有字幕,音频有文字稿 [2]

W3C 明确指出,这些只是初步检查:一个页面可能看起来都通过了,却仍有严重的无障碍障碍。2

ADA 与网站

美国司法部怎么说

2022 年 3 月,美国司法部发布了关于网站无障碍与 ADA 的指引。3指引解释说,Title III(第三章)适用于向公众开放的商家,且司法部认为 ADA 适用于这些商家在网上提供的商品和服务。3

指引表示,商家在如何合规方面有灵活性,并指出包括 WCAG 在内的现有技术标准可作为有用的参考。3它列出了常见障碍:颜色对比度差、仅用颜色传达信息、图片没有替代文字、视频没有字幕、表单没有标签或错误提示,以及只能用鼠标操作。3

以上是对公开指引的概述,不构成法律建议。如果您收到了无障碍投诉或律师函,请咨询律师。

小商家网站常见的疏漏

从这里开始
  • 菜单和价目表做成图片。屏幕阅读器读不出图片里的文字。请把它作为真实文字放在页面上,或者给图片加上包含同样信息的替代文字。
  • 白底浅灰字。按正常文字最低 4.5:1 的对比度检查。2
  • 联系和预约表单。确保每个字段都有可见的标签,错误提示要说清楚哪里出错。
  • 自动播放的轮播图和视频。给用户提供暂停的方法,并为视频加上字幕。
  • 无法用键盘关闭的弹窗。不用鼠标,用 Tab 键浏览您的首页,看看会不会卡住。

常见问题

常见问题

我应该遵循哪个版本的 WCAG?

WCAG 2.2 是 W3C 的最新版本,符合它的内容也符合 2.1 和 2.0。1

无障碍覆盖层插件能修好我的网站吗?

我们无法保证任何工具能让网站变得无障碍。请做上面的简单检查,并修改底层页面;障碍就在那里。

通过了简单检查,是否就代表我的网站合规?

不是。W3C 表示这些检查只是初步检查,页面可能都通过了,却仍有严重障碍。2

资料来源

核查于 2026-09-16
  1. W3C Web Accessibility Initiative,WCAG 2 Overview(WCAG 2 概述)。
  2. W3C Web Accessibility Initiative,Easy Checks – A First Review of Web Accessibility(简单检查:网站无障碍初步审查)。
  3. U.S. Department of Justice(美国司法部),ADA.gov,Guidance on Web Accessibility and the ADA(网站无障碍与 ADA 指引)。

继续阅读

相关页面

预约策略电话

15 分钟 · 无任何义务

想请人帮您再看一遍网站?把链接发给我们,我们会告诉您先修哪些。

预约电话 致电