没有 Windows 电脑，只用 Mac 测可以吗？

可以先用 VoiceOver 测，能发现大部分问题。但 WebAIM 2026 年的调查里电脑端用 VoiceOver 的只占 6.5%，用 JAWS 和 NVDA 的合计接近九成，有条件的话借一台 Windows 电脑或开虚拟机，用免费的 NVDA 再测一遍。

JAWS 是用户最多的电脑读屏软件，但要付费。日常自查用 NVDA 加 Chrome 就够了；如果客户投诉里明确提到 JAWS，再针对那个页面用 JAWS 复现。

装了无障碍插件，还用测吗？

要测。插件不会给图标按钮补上准确的名称，也改不了自定义控件的结构，读屏用户遇到的问题大多还在。具体原因见无障碍插件指南。

用读屏软件测试自己的店铺：NVDA 和 VoiceOver 入门步骤

读屏软件把页面上的文字、按钮、表单逐项读出来，视障用户靠它听着网页购物。键盘自查回答的是“能不能操作”，读屏测试回答的是“操作的时候听不听得懂”：按钮叫什么、选中了哪个尺码、加购有没有成功。这些在 WCAG 里分别对应 4.1.2（名称、角色、值）、1.3.1（信息和关系）和 4.1.3（状态消息）。

先测哪个读屏软件

WebAIM 在 2026 年 7–8 月做了第 11 次读屏用户调查，收到 1,780 份有效回答。电脑端主要用的读屏软件，JAWS 占 55.0%，NVDA 占 32.9%，VoiceOver 占 6.5%。手机端常用的读屏软件里，iPhone 的 VoiceOver（中文叫“旁白”）占 72.2%，安卓的 TalkBack 占 29.5%；91.8% 的受访者会在手机上用读屏。

条形图：电脑上主要使用的读屏软件，JAWS 55.0%，NVDA 32.9%，VoiceOver 6.5%。数据来自 WebAIM 第 11 次读屏用户调查，2026 年 7–8 月，1,780 份有效回答。 — 电脑端以 JAWS 和 NVDA 为主，VoiceOver 只占 6.5%。

对国内团队来说，比较现实的组合是：

Windows + Chrome + NVDA：NVDA 免费，按 NV Access 用户手册的说法“任何人都可以完全免费使用”。调查里 NVDA 配 Chrome 是第二常见的组合。
iPhone + Safari + 旁白：覆盖手机端最多的用户。调查里 91.8% 的受访者会在手机上用读屏，这一项不能省。
Mac + VoiceOver：设计和开发同事多用 Mac，可以先用它日常自查，但不能代替前两项。

安装和打开

NVDA：从 NV Access 官网下载安装，按 Ctrl+Alt+N 启动。NVDA 的功能键默认是 Insert，下文写的“NVDA+F7”就是按住 Insert 再按 F7。读个不停的时候按一下 Ctrl 就能停。

Mac 上的 VoiceOver：按 Command+F5 打开。VoiceOver 的功能键（VO）是 Control+Option，也可以用 Caps Lock。VO+左右方向键逐项移动，VO+空格激活当前项，VO+U 打开“转子”，用左右方向键切换标题、链接、表单控件等分类。

iPhone 旁白：可以让 Siri “打开旁白”，或者在辅助功能快捷键里设好之后三击侧边按钮。旁白打开后手势全变了，先在设置里的旁白练习页面熟悉一下，再去打开店铺。

常用按键对照。NVDA（Windows）：Ctrl+Alt+N 启动，Ctrl 停止朗读，H 下一个标题，D 下一个地标，F 下一个表单控件，NVDA+F7 元素列表。VoiceOver（Mac）：Command+F5 打开或关闭，VO 键是 Control+Option，VO+右方向键下一项，VO+空格激活当前项，VO+U 打开转子，Esc 退出转子。NVDA 键默认是 Insert；iPhone 可三击侧边按钮开关旁白。 — 测试只需要这十来个键。

从首页走到结账，每一步听什么

首页标题结构：NVDA 按 H、VoiceOver 用转子选“标题”，逐个听。调查里 67.8% 的读屏用户在长页面上找内容的第一步就是按标题跳。听一下有没有一个说明页面主题的一级标题，栏目名是不是标题，而不是加粗的普通文字。
地标和导航：NVDA 按 D 在页头、导航、主内容、页脚之间跳。没有主内容地标，用户就得从头听完整个导航。
图片和图标按钮：用 Tab 走一遍页头。购物车、搜索、账户这些只有图标的按钮，应该读出“购物车，按钮”，而不是只有“按钮”。商品图要读出描述，装饰图应该直接跳过。
商品选项：颜色、尺码要读出名称、类型和是否选中。很多主题用 div 做色块，读屏只念一个“M”，听不出能不能点、点了有没有选上。
加入购物车：点了之后要听到“已加入购物车”之类的反馈，或者焦点移到弹出的购物车抽屉里。什么都没读，用户只能猜。
表单和结账：NVDA 按 F 逐个走表单控件，每个输入框都要读出标签；故意留空提交一次，听错误提示会不会读出来、说没说清哪里错了。

同一个控件读屏软件读出的内容对比。只有图标的购物车按钮只读出“按钮”，不合格；按钮有名称时读出“购物车，2 件商品，按钮”，合格。尺码色块用 div 做只读出“M”，听不出能不能选、选没选中，不合格；尺码用单选按钮时读出“M，单选按钮，已选中，3 项中的第 2 项”，合格。实际读法因读屏软件和语言设置而不同。 — 问题多出在“名称”和“状态”上。

NVDA+F7 能列出页面上所有链接、标题和表单控件。链接列表里出现一串“了解更多”“点击这里”，说明链接文字脱离上下文就看不懂，也要改。

常见问题和改法

听到的问题	常见原因	改法
只读“按钮”或“链接”	图标按钮没有文字	加 aria-label 或视觉隐藏的文字
读出文件名	图片没写替代文字	商品图写描述，装饰图 alt 留空
选项听不出选中状态	用 div 或 span 做色块	改用单选按钮，或补 role 和 aria-checked
加购后没有反馈	只改了右上角的数字	用 role="status" 的区域播报结果，或把焦点移入购物车抽屉
输入框只读“编辑框”	只用 placeholder 当标签	每个输入框配 label
按 H 找不到栏目	标题用加粗文字代替	栏目名改成 h2、h3，层级不要跳

这些问题多半出在主题和第三方应用里，改一处全站生效。图片描述的写法和批量处理见商品图替代文字怎么写，完整检查项见 WCAG 2.1 AA 检查清单。有的卖家想装一个无障碍插件了事，它解决不了上面这些问题，原因在无障碍插件指南里有说明。

怎么排进日常工作

每次换主题、装新应用、改商品页模板后，用 NVDA 或旁白走一遍上面六步。
记录表写清页面、第几步、听到了什么、应该听到什么，方便开发复现。
先跑一次免费在线检测，把缺替代文字、缺标签这类能自动发现的问题先改掉，人工测试只听剩下的。
读屏测试不能代替真实用户反馈。收到投诉时，按对方说的读屏软件和浏览器复现。