指南 · 发布于 2026-09-16
小商家网站无障碍。
无障碍网站就是让更多人都能使用的网站:包括失明、失聪、视力低下或用键盘浏览的顾客。下面介绍大多数网站都以之为衡量标准的规范、您可以自己做的快速检查,以及美国司法部对 ADA(Americans with Disabilities Act,美国残疾人法)与网站的说法。
WCAG 是什么
W3C 标准
可以自己做的简单检查
出自 W3C WAI
| 检查项 | 看什么 |
|---|---|
| 页面标题 | 每个页面都有一个简要描述其内容的标题 [2] |
| 图片替代文字 | 替代文字传达的意思与图片相同 [2] |
| 标题层级 | 几乎每个页面都至少有一个标题,且标题反映页面结构 [2] |
| 颜色对比度 | 正常大小文字的对比度至少为 4.5:1 [2] |
| 文字缩放 | 放大文字时,文字不会消失或被截断,句子也不需要横向滚动 [2] |
| 键盘访问和焦点 | 可以用 Tab 键移动到每个链接、表单字段、按钮和媒体控件,并能看清当前位置 [2] |
| 表单、标签和错误提示 | 每个表单控件都有关联的标签 [2] |
| 移动或闪烁的内容 | 用户可以控制移动的内容,例如幻灯片和轮播图 [2] |
| 多媒体替代内容 | 视频有字幕,音频有文字稿 [2] |
W3C 明确指出,这些只是初步检查:一个页面可能看起来都通过了,却仍有严重的无障碍障碍。2
ADA 与网站
美国司法部怎么说
小商家网站常见的疏漏
从这里开始
- 菜单和价目表做成图片。屏幕阅读器读不出图片里的文字。请把它作为真实文字放在页面上,或者给图片加上包含同样信息的替代文字。
- 白底浅灰字。按正常文字最低 4.5:1 的对比度检查。2
- 联系和预约表单。确保每个字段都有可见的标签,错误提示要说清楚哪里出错。
- 自动播放的轮播图和视频。给用户提供暂停的方法,并为视频加上字幕。
- 无法用键盘关闭的弹窗。不用鼠标,用 Tab 键浏览您的首页,看看会不会卡住。
常见问题
常见问题
资料来源
核查于 2026-09-16
- W3C Web Accessibility Initiative,WCAG 2 Overview(WCAG 2 概述)。
- W3C Web Accessibility Initiative,Easy Checks – A First Review of Web Accessibility(简单检查:网站无障碍初步审查)。
- U.S. Department of Justice(美国司法部),ADA.gov,Guidance on Web Accessibility and the ADA(网站无障碍与 ADA 指引)。
继续阅读
相关页面
预约策略电话
15 分钟 · 无任何义务
想请人帮您再看一遍网站?把链接发给我们,我们会告诉您先修哪些。