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

Question

有没有办法防止屏幕阅读器聚焦“aria-live”元素？

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

标签： htmlaccessibilityscreen-readers

Answer 1

正如其他人所说，键盘焦点不必移动到该aria-live区域。对实时区域所做的任何更改都会被宣布。焦点不会移动。

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

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