Html 防止';aria live';元素被屏幕阅读器聚焦

Html 防止';aria live';元素被屏幕阅读器聚焦,html,accessibility,screen-readers,Html,Accessibility,Screen Readers,有没有办法防止屏幕阅读器聚焦“aria live”元素 我正在开发日历,希望在当前所选月份发生更改时通知用户。如果正确实施,aria live region将永远不会收到可视焦点 首先确保页面上存在活动区域,然后才宣布动态添加/更改的内容。页面的活动区域,当内容发生变化时会发布,但焦点不会转移到活动区域 正如其他人所说,键盘焦点不必移动到aria-live区域。对活动区域所做的任何更改都将立即公布。焦点不会移动 但是,如果您询问是否可以阻止用户将其屏幕阅读器焦点移动到元素,则不,您无法阻止。只要

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


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

如果正确实施,aria live region将永远不会收到可视焦点


首先确保页面上存在活动区域,然后才宣布动态添加/更改的内容。页面的活动区域,当内容发生变化时会发布,但焦点不会转移到活动区域

正如其他人所说,键盘焦点不必移动到
aria-live
区域。对活动区域所做的任何更改都将立即公布。焦点不会移动

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

DOM元素是否是可访问性树的一部分的规则在“”中有很好的说明。具体来说,在“”部分中,它表示将包括包含文本的元素。我假设您的
aria-live
元素有文本,因为它是在您更改它时宣布的。如果跳回“”部分,如果使用
aria hidden=“true”
,可以防止元素出现在可访问性树上,但如果这样做,则不会读取实时更改