选网页版还是浏览器插件
新手做 wave推荐,我不会一上来让你装一堆审计工具。WAVE 有网页版,也有 Chrome、Firefox、Edge 扩展。网页版适合临时看公开页面:把 URL 粘进去,几秒钟就出结果。缺点也明显,登录后页面、内网测试站、需要交互后出现的内容,它通常够不着。
浏览器插件更适合日常改页面。你在真实页面上点一下扩展,就能看到当前 DOM 的问题,登录态、预发布环境、本地 localhost 都能测。我的建议很简单:第一次体验用网页版,真正干活装插件。
wave推荐给刚接触网页无障碍检测的人,我会优先说 WebAIM 的 WAVE 工具。它不用装复杂环境,打开网页就能看错误、警告、结构和替代文本,适合把“看不懂 WCAG”变成“知道下一步改哪”。
新手做 wave推荐,我不会一上来让你装一堆审计工具。WAVE 有网页版,也有 Chrome、Firefox、Edge 扩展。网页版适合临时看公开页面:把 URL 粘进去,几秒钟就出结果。缺点也明显,登录后页面、内网测试站、需要交互后出现的内容,它通常够不着。
浏览器插件更适合日常改页面。你在真实页面上点一下扩展,就能看到当前 DOM 的问题,登录态、预发布环境、本地 localhost 都能测。我的建议很简单:第一次体验用网页版,真正干活装插件。
WAVE 报告里最容易让人慌的是满屏图标。别全都当成 bug。红色 Errors 通常优先级最高,比如图片缺 alt、表单没有 label、空链接,这些会直接影响屏幕阅读器用户。黄色 Alerts 是提醒你人工判断,比如链接文字太泛、标题层级可疑。
新手顺序别反:先清红色,再看对比度,再处理结构。黄色警告不是不重要,而是需要你结合页面语义判断。比如“了解更多”如果前后文清楚,未必必须改;如果一个列表里 8 个都是“了解更多”,那就该重写。
Summary 像体检单,适合快速判断页面糟不糟。你会看到 Errors、Contrast Errors、Alerts、Features、Structural Elements 的数量。第一次查页面,我只看三个数字:错误数、对比度错误数、表单相关错误数。
Details 才是施工图。点每一类问题,它会把对应元素在页面上标出来,还能看代码片段。新手别只截 Summary 给开发,那没法定位。正确做法是:问题类型、页面位置、当前代码、建议改法,四样一起给。
WAVE 很好用,但它不是“无障碍合格证”。它能抓机器能判断的问题,比如缺少 label、颜色对比度不足、标题结构异常;但它不知道一张图的 alt 写得对不对,也不知道键盘操作是不是顺畅。
我的入门流程是:先用 WAVE 扫一遍,修掉明确错误;再只用键盘 Tab 一遍主要流程;最后用浏览器自带朗读或屏幕阅读器抽查关键区域。这样比只跑工具靠谱得多,也不会把时间花在假问题上。
如果你只是网站编辑或产品经理,推荐装 WAVE 浏览器扩展,再配一个 Lighthouse 做性能和基础可访问性参考。WAVE 负责页面级细节,Lighthouse 负责给你一个粗略分数,但别迷信分数。
如果你是前端,建议再加 axe DevTools。WAVE 更直观,适合沟通;axe 的规则解释和开发调试更细。两者一起用,基本能覆盖日常 70% 以上的低级无障碍问题。剩下的,要靠真实操作和人工判断。