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

前端之家收集整理的这篇文章主要介绍了html – 如何标记WAI-ARIA的加载动画?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

我尝试将角色和aria-busy属性添加到img(最初也是父div).

当这个div出现时(通过更改显示样式属性),它正确读取“Working …”但我没有听到任何迹象表明它正忙,用户应该等待,我错过了什么?

我已经看了很多关于加载动画的例子,到目前为止无济于事.

注意:我使用NVDA作为屏幕阅读器进行测试.

谢谢

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

原文链接:https://www.f2er.com/html/426248.html

猜你在找的HTML相关文章