防止屏幕阅读器聚焦“ aria-live”元素

Question

有没有一种方法可以防止屏幕阅读器聚焦“实时播放”元素？

我正在开发日历，并希望在当前所选月份更改时通知用户。

Answer 1

就像其他人所说的那样， 键盘焦点不必移到aria-live区域。 对直播区域所做的任何更改都将宣布。 焦点不会移动。

但是，如果您要询问是否可以阻止用户将屏幕阅读器焦点移到该元素上，则不能，您不能阻止它。 只要该元素是可访问性树（DOM的子集）的一部分，用户就可以导航到该元素并听到其内容。

“ 5.1公开WAI-ARIA语义的一般规则 ”中很好地阐明了有关DOM元素是否属于可访问性树的规则 。 具体来说，在“ 5.1.2包含... ”部分中，它表示将包含具有文本的元素。 我假设您的aria-live元素包含文本，因为在您更改它时会宣布它。 如果您跳回到“ 5.1.1 Exclusion ... ”部分，则可以使用aria-hidden="true"防止该元素位于可访问性树中，但是如果这样做，则实时更改将不会被读取。

Answer 2

如果正确实施，咏叹调活动区域将永远不会获得视觉焦点。

确保最初在页面上存在活动区域​​，然后才宣布动态添加/更改的内容。 每当内容更改但焦点不会转移到实时区域时，就会宣布页面的实时区域。