如何防止HTML元素在Angular中聚焦



我在IE浏览器上使用JAWS屏幕阅读器时遇到问题。它读取具有role="的span标记;警报";两次Firefox和Chrome上不会出现此问题。此外,NVDA也能很好地与IE配合使用。只有IE的JAWS给出了这个问题。在互联网上搜索后,我发现以下来自这个网站

role="警报";这应该用于屏幕阅读器一出现就应该阅读的重要消息。ARIA警报在正确实施时可能很有用,但警报有很多可能出错。几个例子:

隐藏元素具有角色=";警报";在页面加载时应用,因此屏幕阅读器会立即读取警报(即使它在视觉上是隐藏的(,而不是在警报出现时读取。

当警报出现时,会将焦点设置为该警报,因此会读取两次(一次是因为它是警报,另一次是由于它有焦点(。ARIA警报反复触发,令屏幕阅读器用户应接不暇

我猜以上这一点就是原因。

请帮忙。如果需要,我会添加我的Angular代码示例。

您有几种可能的选择,但如果没有代码示例,很难判断什么是最好的

看看隐藏的咏叹调=";isItIE";如果IE-isItIE为真或假,则让屏幕阅读器忽略该元素

或者也许不让它成为一个隐藏的元素?使用ngif,并且只在页面加载后有条件地显示它,这样它在开始时就不是dom的一部分。。。再次,你的条件可以基于浏览器ie或不是

相关内容

  • 没有找到相关文章

最新更新