JAWS 屏幕阅读器误读确认对话框消息.IE11.
JAWS screen reader misreads confirm dialog message. IE11
我有一个确认对话框,我想让它可以访问。这是我的 HTML:
<div class="confirm-dialog row-fluid">
<div class="content" role="dialog" tabindex="0" aria-labelledby="confirm-popup-header" aria-describedby="confirm-popup-subheader">
<h2 id="confirm-popup-header">Proceed with an action</h2>
<h4 id="confirm-popup-subheader">You are about to proceed with an action</h4>
<div>
<button class="btn btn-large btn-primary btn-app-secondary">Cancel</button>
<button class="btn btn-large btn-primary btn-app-primary">Submit</button>
</div>
</div>
同样在我的脚本中的某个地方,当对话框变得可见时,我将焦点设置为对话框:
$('.confirm-dialog .content').focus();
然后在IE11中,当对话框打开时,jaws会读出这样的内容:输入 - 继续操作 - 对话框 继续执行操作 您将要继续执行操作 取消提交 标头级别二
JAWS 首先读取标头,然后读取标头,然后读取其余内容。这就是问题所在。
预期行为:输入 - 继续操作 - 对话框 您将要继续操作等。
如何实现这一点?
只需从对话框容器元素中删除aria-labelledby
和aria-describedby
,您应该会好得多。一个好的最佳做法是设置 tabindex=-1 而不是 tabindex=0,这样当您在对话框中按 Tab 键移动时,不会自动返回到容器。
您可能已经在执行此操作,但应确保使用键盘事件处理程序将焦点保持在对话框中。
相关文章:
- 是否可以进行FB共享对话框,并在用户共享后,向用户发布消息
- JAWS 屏幕阅读器误读确认对话框消息.IE11.
- 使用宏从对话框消息复制密码
- 如何添加Facebook FB.ui对话框确认消息
- 如何在随机时间和随机消息对话框中显示弹出窗口
- 调用 Jquery 对话框并传递消息字符串
- 模式对话框消息在火狐中被截断
- 如何在中心显示带有消息的加载程序图像,并防止在 AJAX 响应来自 PHP 文件时关闭引导模式对话框
- 使用FB.ui将预定义的消息添加到Facebook的“发布到您的墙”对话框中
- 如何使用html-jquery或java脚本在互联网连接不可用时显示对话框消息
- winjs:使用弹出消息对话框进行文本框内容验证和警报
- 对话框中未显示有角度的材质ng消息
- 如何使用javascript显示一致性消息对话框
- 显示来自“”的消息;return json(消息)”;上一个jquery对话框中的操作
- Jquery对话框只显示文本消息
- 如何设置在墙上发布消息的权限对话框
- 消息对话框用户选择Metro应用程序- JavaScript
- onbeforeunload自定义对话框消息不起作用
- 想要在jQuery mobile中显示对话框消息时's第一次加载
- 如何自发地打开jQuery对话框消息(根据db变化)