我尝试在我们的在线应用程序中为使用屏幕阅读器的用户提供可访问性,其中错误/警告/信息消息对于使用非常重要。
如果我通过 ajax 添加消息,则 aria-live 和 role="alert"属性可以很好地工作。首先读取消息,然后读取其他元素。
第二种可能性是,消息呈现在作为 get 请求结果的页面上。那么消息不会被读取,它们是页面内容。因此用户必须导航到此消息,否则将无法阅读它们。
是否有可能在页面加载时读取消息?我尝试过 JAWS 17 和 IE 11。
最佳答案
当用户执行的任何操作更新消息时,将焦点发送到消息。您可以通过链接来完成此操作,例如<a href=#messages>
对于 <div id=messages tabindex=0>
,或使用您的脚本。如果您的消息已经位于可聚焦元素中,您可能不需要 tabindex。
关于accessibility - 让屏幕阅读器根据 get-request 读取消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38878257/