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

What to put as a role when using a preloader

我现在正在阅读 aria,我有一个预加载器(微调器),它没有显示加载了多少百分比。我可以用

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

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

您可以为加载程序使用以下角色。

role="progressbar"

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

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

我们不使用 aria-busy,但也许我们应该使用。我们还使用 window.setTimeout() 并每隔 X 秒更新一次视觉上不可见的 <span role="alert">,以便屏幕 reader 可以听到 "still loading"(或您想要使用的任何文本) .我们不更新任何百分比,我们只是不断刷新 "still loading" 消息。