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

时间:2018-09-27 11:11:43

标签: html html5 accessibility screen-readers

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

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

2 个答案:

答案 0 :(得分:1)

就像其他人所说的那样,键盘焦点不必移到configurations.all { config -> config.resolutionStrategy.dependencySubstitution { if (config.name.toLowerCase().contains('test')) { substitute module('org.slf4j:slf4j-simple:1.6.1') with module('org.slf4j:slf4j-nop:1.6.1') } } } 区域。对直播区域所做的任何更改都将宣布。焦点不会移动。

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

5.1 General rules for exposing WAI-ARIA semantics”中很好地阐明了有关DOM元素是否属于可访问性树的规则。具体来说,在“ 5.1.2 Including...”部分中,它表示将包含具有文本的元素。我假设您的aria-live元素包含文本,因为在您更改它时会宣布它。如果您跳回到“ 5.1.1 Excluding...”部分,则可以防止使用aria-live时该元素位于可访问性树中,但是如果这样做,则实时更改将不会阅读。

答案 1 :(得分:0)

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

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