屏幕阅读器测试其实也能自动化
来源:dev.to — 2026-10-24
📋 概述
无障碍测试常被分成两半:Axe 之类的静态扫描,加上剩下全靠人肉手测。作者指出还有第三条路:不查 DOM,也不读浏览器内部的无障碍树,而是用真实屏幕阅读器导航,断言它实际念出来的内容。工具是 Guidepup 配合 Playwright,只需两条额外的命令行步骤:一条配置机器(CI 里加个参数即可),一条安装屏幕阅读器资源,相当于平常装浏览器依赖那一步,只是换成读屏软件。之后就是你愿意写多少测试就写多少,配置只多包一层工具函数。
🔑 核心要点
- 不查 DOM 也不读无障碍树,直接断言屏幕阅读器实际念出的内容
- 机器配置一条 npx @guidepup/setup 命令完成,CI 里加参数即可
- 安装屏幕阅读器资源,等价于平常安装浏览器依赖的那一步
- Playwright 配置只需在外面包一层工具函数,其余照旧
💡 金句
“Instead of querying the DOM to find a button, or checking its accessible name from the browser's internal accessibility tree, you could be navigating using a real screen reader and assert against what it actually announces.”
译:与其查 DOM 找按钮、或从浏览器内部的无障碍树里读它的可访问名称,不如用真实屏幕阅读器导航,并断言它实际念出来的内容。
← 返回 dev.to 首页