我查阅了所有ARIA文档和最佳实践,但找不到答案。
假设我有一个模式对话框,它在整个页面的顶部打开,显示一个微调器。现在,我为对话框提供了Loading data
的aria-label
属性
现在这个工作了,屏幕阅读器说:
加载数据对话框
但是当对话框关闭(它被删除(时,屏幕阅读器不会通知用户。
我是否可以设置一个属性,以便在删除对话框时屏幕阅读器告诉用户,或者这个示例的最佳实践是什么?
您可以尝试aria-live
和aria-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