屏幕阅读器预览,免费
粘贴 HTML 以查看屏幕阅读器如何线性化并朗读它。检查您的 alt 文本、标题和 ARIA 属性。
屏幕阅读器输出
粘贴 HTML 并点击「分析」。
?? Research Basis & Sources
此工具适用的人群
屏幕阅读器是盲人或严重视力障碍人士必不可少的辅助技术。根据世界卫生组织《世界视力报告》(2019),全球至少 22 亿人存在视力障碍,其中约 4300 万人为盲人。WebAIM 屏幕阅读器调查(2024)一贯发现绝大多数屏幕阅读器用户为残障人士,其中失明是最常见原因。开发者、设计师和内容创作者使用此工具预览辅助技术如何理解他们的 HTML · 帮助在终端用户遇到之前发现缺失的替代文本、错误的标题结构、无可访问名称的按钮和字段,以及 ARIA 使用错误。
此工具如何工作
此工具通过浏览器原生的 DOMParser 分析您的 HTML(没有数据离开您的设备),然后遍历无障碍树以构建线性化的阅读顺序。它检查图片是否有替代文本、标题层级是否一致、链接和按钮是否有可访问名称、ARIA 角色和标签,以及没有关联 label 的表单字段。
学术参考
- WebAIM (2024).「Screen Reader User Survey #10 Results.」webaim.org · 关于屏幕阅读器使用方式、浏览器组合和无障碍障碍的最大规模持续调查。一贯发现标题和地标(landmark)是用户首选的导航策略。
- 世界卫生组织(2019).World Report on Vision. · 报告全球至少 22 亿人存在近视或远视的视力障碍,其中约 4300 万人为盲人。
- Power, C., Freire, A., Petrie, H. & Swallow, D. (2012).「Guidelines are only half of the story: Accessibility problems encountered by blind users on the web.」Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI '12)。· 研究发现盲人用户遇到的大部分无障碍问题并未被 WCAG 涵盖,强调了人工审核和屏幕阅读器测试的必要性。
- Lazar, J., Allen, A., Kleinman, J. & Malarkey, C. (2007).「What frustrates screen reader users on the web: A study of 100 blind users.」International Journal of Human-Computer Interaction, 22(3), 247–269。· 识别出盲人用户最主要的挫折点:缺失的替代文本、未标记的表单字段和误导性的链接标签。
- W3C WAI (2023).「WAI-ARIA Authoring Practices 1.2.」· 定义了如何使用角色、状态和属性,使动态内容对辅助技术可访问。
免责声明
此工具基于 HTML 无障碍树提供简化的屏幕阅读器输出近似。真实的屏幕阅读器(NVDA、JAWS、VoiceOver、TalkBack)在朗读内容、处理 ARIA 属性和与动态小部件交互方面各不相同。此预览不能替代用真实屏幕阅读器和真实用户进行的测试。它旨在帮助在写作过程早期发现常见问题。