Question

所以HTML代码是这样的：

<div style="visibility: hidden; display: none; right: 0px;"> 
<img id="processing" src="PT_LOADING.gif" alt="Processing... please wait" title=""> </div>

即使提供了ALT文本，在更改样式以显示图标（可见性：可见）时，在加载图标出现时也不会在时间间隔中读取。

role = alert不是一个可行的解决方案，因为这不是一个警报

Answer 1

您需要将以下属性添加到DIV属性中角色=＆＃34; alertdialog＆＃34;咏叹调忙=＆＃34;真＆＃34;咏叹调活=＆＃34;自信＆＃34;

<div style="visibility: hidden; display: none; right: 0px;" role="alertdialog" aria-busy="true" aria-live="assertive"> 
<img id="processing" src="PT_LOADING.gif" alt="Processing... please wait" title="" />
</div>

Answer 2

经过一天的类似问题摆弄，我终于可以通过大量的阅读和实验来使它工作。我正在使用NVDA作为屏幕阅读器。

Ahk2Exe v1.1.30.03_Beta_9

以下属性是关键：角色和 aria-label 。上面的示例在isLoading变为true时使NVDA宣布“正在加载警报”。需要注意的重要一点是NVDA会发出aria标签值，后跟“ alert”。使用角色“ log”或“ status”并没有在任何公告中结束。

如何让像JAWS这样的屏幕阅读器可以访问加载图标？

2 个答案: