使用预加载器时应该扮演什么角色
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" 消息。
我现在正在阅读 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" 消息。