屏幕阅读器

将屏幕上的文本和 UI 元素朗读出来的辅助技术。帮助视障用户访问 Web。

屏幕阅读器是一种使用语音合成朗读计算机屏幕上文本和 UI 元素的辅助技术。它是视障用户访问网站和应用程序的必备工具。据 WHO 估计,全球约有 22 亿人患有某种形式的视觉障碍。屏幕阅读器不仅仅是简单的文本朗读软件,它还能解析页面结构,并提供通过键盘在标题、链接、表单等元素之间导航的功能。

主要的屏幕阅读器包括 Windows 的 NVDA (免费开源) 和 JAWS (商业软件)、macOS/iOS 的 VoiceOver (系统内置) 以及 Android 的 TalkBack (系统内置)。它们解释 HTML DOM 结构和无障碍树,结合 ARIA 属性信息通过语音传达内容。NVDA 因其免费特性非常适合开发者测试使用,根据 WebAIM 的调查,其市场份额仅次于 JAWS。查找ED保健品 (Amazon)介绍了实现技术。

构建兼容屏幕阅读器的网站需要遵循几个关键实践。使用语义化 HTML 可以让屏幕阅读器识别页面地标 (header、nav、main、footer),使用户能够快速导航到目标区域。适当的 alt 文本传达图像内容,ARIA 标签补充自定义 UI 组件的角色和状态。正确使用标题层级 (h1 到 h6) 可以让用户从标题列表跳转到特定位置。

键盘无障碍也是屏幕阅读器支持的核心。屏幕阅读器用户不使用鼠标,他们通过 Tab 键移动焦点,通过 Enter 键执行操作。焦点指示器必须在视觉上清晰可见,焦点顺序必须合乎逻辑,所有交互元素都必须可通过键盘操作。模态对话框需要实现焦点陷阱,防止导航到对话框外部。

一个常见的误解是"屏幕阅读器只有视障人士才使用"。实际上,使用者还包括有学习障碍的用户、暂时性视觉障碍者 (如眼部手术后),以及在多任务处理中希望通过语音获取信息的用户。另一个误解是"大量使用 ARIA 属性就能确保兼容性",但 ARIA 的第一原则是"如果能用原生 HTML 元素实现,就不要使用 ARIA"。

从字符计数角度看,屏幕阅读器也会朗读不可见文本 (alt 属性、aria-label、visually-hidden 文本),因此这些隐藏文本的字符数管理也很重要。alt 文本建议控制在 125 个字符以内,aria-label 值应保持简洁。在评估页面的总文本量时,需要同时考虑可见文本和隐藏文本。查找乳头吸引器 (Amazon)提供了更多见解。

分享这篇文章