javascript - 以编程方式设置 JAWS 光标焦点

Question

我正在开发一个需要通过 JAWS 访问的 Web 应用程序。有一个要求，即需要关注新打开的对话框才能由 JAWS 宣布。我实现了这个，并且在没有 JAWS 的情况下它也能正常工作:对话框的第一个元素具有焦点。使用 JAWS+IE 测试此网站显示该元素已获得焦点，但盲文查看器显示不同的内容(页面标题的一部分)并且也正在阅读。

据我了解，这意味着PC的光标是正确的，但JAWS的光标放错了位置。

有什么方法可以使用 JavaScript 影响 JAWS 光标的位置吗？

Answer 1

使用 JAWS 进行测试时，您不仅需要看屏幕，还需要听 JAWS 所说的内容。如果您需要测试来提供可靠的结果，请花时间深入了解 JAWS。

创建可访问对话框的最佳方法是:

• 确保对话框标题具有 ID 属性。
• 如果对话框有一条短信，请确保它也有一个 ID 属性。
• 将容器的 Angular 色指定为“dialog”，并将 tabindex 指定为“-1”。
• 确保容器的 ARIA-LABELLEDBY 属性包含标题 ID。
• 确保容器的 ARIA-DESCRIBEDBY 属性包含短信 ID(如果有)。
• 当对话框打开时，将焦点发送到容器。

如果您严格遵循此模式，您的对话框将与 JAWS 和其他 AT 完美配合。

简单的例子:

<div id="dlg_discard" tabindex="-1" role="dialog" aria-labelledby="dialog_heading" aria-describedby="dialog_message">
<h1 id="dialog_heading">Discard changes?</h1>
<p id="dialog_message">Are you sure you want to discard your changes?</p>
<button>Yes</button> <button>No</button>
</div>

...以及使对话框可见的 jQuery ...

$("#dlg_discard").show().focus();