自动关闭的辅助功能加载对话框

Accessibility Loading dialog that closes automatically

我查看了所有 ARIA 文档和最佳实践,但找不到答案。

假设我有一个在显示微调器的整个页面顶部打开的模态对话框。现在我给对话框一个 aria-label 属性 Loading data

现在可以使用了,屏幕 reader 显示:

Loading data dialog

但是当对话框关闭(它被删除)时,屏幕 reader 不会通知用户。

是否有我可以设置的属性,以便在删除对话框时屏幕 reader 告诉用户或此示例的最佳做法是什么?

您可以尝试aria-livearia-relevant进行此类互动。如果您将 aria-live="assertive" aria-relevant="all" 应用到 Dialog 的容器,它会有点谈论其中发生的任何更改——包括加载内容(无需聚焦)和最后删除它。

查看此页面以获取更多选项: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-relevant_attribute