使用预加载器时要扮演什么角色

时间:2016-02-22 20:44:51

标签: accessibility wai-aria

我现在正在阅读咏叹调并且我有一个预加载器(旋转器)并且它没有显示加载了多少百分比。我可以用

 <div aria-busy="true" aria-label="Loading, please wait." role=""></div>

但我应该使用什么角色?它不是进度条,因为我没有百分比或任何指示器加载了多少。

2 个答案:

答案 0 :(得分:1)

即使您没有百分比,您仍然可以使用进度条。这就是我们的工作。

<div aria-valuemax="100" aria-valuemin="0" role="progressbar" aria-labelledby="__indicator1-label">

我们不会使用咏叹调,但也许我们应该这样做。我们还使用window.setTimeout()并每隔X秒更新一个视觉上不可见的<span role="alert">,以便屏幕阅读器可以听到&#34;仍在加载&#34; (或您想要使用的任何文本)。我们不会更新任何百分比,我们只是继续刷新&#34;仍在加载&#34;消息。

答案 1 :(得分:0)

您可以使用以下角色进行加载。

role="progressbar"
相关问题