screen-reader-testing

屏幕阅读器测试技能指南

技能概述

Screen Reader Testing 是一个用于验证 Web 应用与屏幕阅读器兼容性的测试技能，支持 VoiceOver、NVDA 和 JAWS 等主流读屏软件。

适用场景

1. 无障碍兼容性验证

在产品发布前，使用屏幕阅读器验证网页、组件和交互功能对视障用户的可访问性，确保符合 WCAG 无障碍标准。

2. ARIA 实现调试

验证 ARIA 属性（如 aria-label、aria-live、aria-expanded 等）是否被屏幕阅读器正确解析和朗读，排查语义化问题。

3. 动态内容测试

测试单页应用的路由变化、异步加载内容、实时通知等动态场景，确保屏幕阅读器能正确感知并告知用户状态变化。

核心功能

1. 多平台读屏器支持

提供 VoiceOver（macOS/iOS）、NVDA（Windows）和 JAWS（Windows）三大主流屏幕阅读器的测试指导，涵盖不同平台的快捷键和交互差异。

2. 无障碍问题诊断

帮助识别常见的无障碍问题，包括：缺少 alt 文本的图片、未标记的表单字段、无法访问的自定义组件、焦点管理问题等。

3. 测试方法与最佳实践

提供系统化的测试流程，包括测试环境搭建、测试用例设计、问题记录与修复验证，确保无障碍测试的可重复性和有效性。

常见问题

屏幕阅读器测试应该使用哪些工具？

推荐使用三大主流屏幕阅读器：VoiceOver（macOS 内置，按 Cmd+F5 启用）、NVDA（Windows 免费开源）、JAWS（Windows 商业软件）。建议至少测试 VoiceOver 和 NVDA，覆盖 macOS 和 Windows 平台。

屏幕阅读器测试能完全替代自动化工具吗？

不能。自动化工具（如 axe-core、Lighthouse）可以快速检测语法层面的无障碍问题，但无法验证屏幕阅读器的实际朗读体验和交互流程。两者应结合使用：自动化工具做初步筛查，屏幕阅读器测试做深度验证。

如何测试单页应用的路由变化？

单页应用的路由变化需要配合焦点管理和 aria-live 区域使用。测试时验证：路由切换后屏幕阅读器是否朗读新页面标题、焦点是否移动到合理位置、历史记录是否正常更新。如果路由变化没有通知，可考虑使用 aria-live="polite" 区域或手动调用读屏器的朗读 API。