用于了解屏幕阅读器将阅读的工具

Question

我正在为我的项目开发Web门户可访问性。在调试我的更改时，我不是非常喜欢听屏幕阅​​读器。

只是想知道是否有任何工具可以告诉屏幕阅读器会读出什么。

这是为了理解页面是否存在任何排序问题。

Answer 1

OS X上的VoiceOver和Windows上的NVDA都有一个屏幕显示，“允许您查看（屏幕阅读器）当前正在发言的所有文本”。

以下是显示然后隐藏它们的方法：

VoiceOver - caption panel

  

显示或隐藏面板：

     

  
• 按VO-Command-F10。
  
• 启用VoiceOver后，打开VoiceOver Utility，单击“视觉”类别，然后单击“标题面板”。
    有关显示标题面板的选项以及其他自定义选项的说明，请单击右下角的“帮助”按钮（看起来像一个问号）。
  

     

要显示或隐藏字幕面板和VoiceOver光标，请按下VO-F11。

NVDA - Speech Viewer

  

要启用语音查看器，请检查NVDA菜单中“工具”下的“语音查看器”菜单项。取消选中菜单项以禁用它。

为那些想知道的人编辑：

• VoiceOver已预装在所有iOS和OS X安装上，可通过“设置/辅助功能”
激活
• NVDA是一款开源屏幕阅读器，您可以自由download（并为此贡献一个小团队;）

EDIT2（2018）：Firefox现在在其Devtools中有一个辅助功能面板，它在树视图中显示每个节点的可访问名称。它不是SR将阅读的内容，但它是通过操作系统可访问性API（浏览器软件通知操作系统通过其各自的API通知辅助技术）的主要信息来源。 注意：这是非常低的水平，根据个人的需要，它既有用又无用。

Answer 2

http://wave.webaim.org/ 禁用样式

  

禁用样式允许开发人员“看到”屏幕阅读器的阅读方式   内容大声

http://webaim.org/resources/webdev/

Chrome开发者工具也可以禁用样式。例如。 Cmd + Alt + i＆gt;来源＆gt;删除域css文件中的文本。

Answer 3

您可以尝试Chromevox（适用于Google Chrome）或NVDA，它们都是免费软件。

Answer 4

您可以使用FireEyes工具的http://getfireeyes.com

的SimulAT功能