html – 如何标记WAI-ARIA的加载动画？

发布时间：2020-12-14 22:59:28 所属栏目：资源来源：网络整理

导读：我正在努力修复网页上的一些辅助功能问题.我有一个div作为一个对话框,在一个点内部显示一个包含加载动画和文本“Working ”的div. 我不确定如何标记这两个项目,以便正确通知盲人用户有进度动画并且它正在工作,他应该等待. 我尝试将角色和aria-busy属性添加到

我正在努力修复网页上的一些辅助功能问题.我有一个div作为一个对话框,在一个点内部显示一个包含加载动画和文本“Working …”的div.

我不确定如何标记这两个项目,以便正确通知盲人用户有进度动画并且它正在工作,他应该等待.


我尝试将角色和aria-busy属性添加到img(最初也是父div).
当这个div出现时(通过更改显示样式属性),它正确读取“Working …”但我没有听到任何迹象表明它正忙,用户应该等待,我错过了什么？
我已经看了很多关于加载动画的例子,到目前为止无济于事.
注意：我使用NVDA作为屏幕阅读器进行测试.
谢谢


最佳答案
我能提出的最佳解决方案是使用角色警报,并使用aria-busy =“true”.



                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!