javascript - 将 aria-live 设置为在读出焦点中的 DOM 元素之前读取更新

Question

假设您有一个 aria-live 区域，并且每次进行更改时都会读出它。但每次进行更改时，焦点都会移动到特定的表单元素名字。

如果 aria-live 区域中更新的文本是加载完成，则首选阅读顺序是加载完整名字，即首先是 aria-live 区域，然后是正在聚焦的元素。

但是，无论 aria-live 的礼貌设置如何，我似乎都无法获得该组合。

如果 aria-live = 断言 或 aria-live = 礼貌，则显示名字加载完成

如果aria-live = rude，它只读取加载完成，忽略对正在聚焦的元素的读取。

如何确定此优先顺序？

我正在使用 JavaScript 来操作内容。

Answer 1

我过去也遇到过类似的问题。不确定这是否是您想要的，但超时对我有帮助。所以基本上代码看起来像:

// ...
// perform updates to your live region
// ...
setTimeout(function() {
    $('.autofocus').focus();
});

ARIA 对我来说一直是个谜，现在仍然是，所以无法真正解释为什么它会起作用，但无论如何它对我有用。