javascript - 我如何使用 JavaScript 确定屏幕阅读器将读取的内容?

标签 javascript typescript accessibility screen-readers wcag2.0

我有一个已经可以使用 iOS 和 Android 设备访问的网络应用程序,但我正试图在没有屏幕阅读器的设备上实现同样的功能。我有一个应用程序外壳形式的解决方案,我可以在其中启动我的网络应用程序; shell 可以像 Talk Back 一样浏览/操纵元素,没有问题......有效地,我已经使用替代屏幕操纵设备实现了行动不便人士的可访问性。

我还需要支持屏幕阅读器,但我不知道是否有办法(在 JavaScript/Typescript 中)检索给定按钮应该阅读的内容。例如,如果显示一个标题为“下一步”的按钮,我想检索文本“下一步,按钮”或类似的内容。

是否有基于标准的方法来执行此操作?或者,是否有其他人已成功用于解决类似问题的第三方库?还是我注定要自己写?

澄清一下:我可以访问 JAWS 和 NVDA,并且已经在这两个平台上验证了我的解决方案。

TL;DR:我正在寻找一种方法让 JavaScript 查询元素并检索将要讲的内容,这不是为了我自己的启发,而是为了传递信息正在与我自己创建的另一个工具对话。

最佳答案

我认为最好的方法是实际安装/启用屏幕阅读器(例如 macOS 内置了一个),然后闭上眼睛自己听。

关于javascript - 我如何使用 JavaScript 确定屏幕阅读器将读取的内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57079897/

相关文章:

javascript - 页面加载时自动单击超链接

typescript - 模块和接口(interface)可以同名吗?

javascript - `gulp-postcss is not a function` gulp-load-plugins 提供时类型错误

javascript - 辅助功能:当图标为子级时更改 <button Roles ="button"aria-pressed ="true"> 图标的最佳解决方案

html - 广播组中需要 aria

flash - SWF 运行时上的 OpenLaszlo 和辅助功能

javascript - 表 td 上的 JQuery 鼠标悬停文本?

javascript - 在 ajax 调用后重新加载相同的 tr

javascript - 当我使用 ng build 进行部署时,如何解决 Angular 项目中的vendor.js 中的错误语法

reactjs - TS2322 扩展按钮时出错,未找到组件属性。正确的打字方法是什么?