如何防止 JAWS 阅读器中的工具提示内容读取

Question

我将工具提示用于多个输入元素，并在悬停和单击时在输入元素上显示工具提示。我需要防止 JAWS 阅读器在悬停时阅读工具提示内容。我尝试删除“角色”属性并将“aria-hidden”属性设置为 true。

但是这种方法都不起作用，并且工具提示仍然可读。任何帮助将不胜感激。我们正在使用 JAWS 2020.2008.24 ILM

Answer 1

这里可能有几件事在起作用。首先，默认情况下，当您移动鼠标时，JAWS 不会宣布任何内容，因此我很困惑为什么您在悬停鼠标时会听到读到的内容。 JAWS 设置中心中有一个“鼠标回声”设置，但 JAWS 默认情况下处于关闭状态（除非您运行 ZoomText）。你特意开启了这个功能吗？ 其次，你说你正在“显示”工具提示。所以您不通过

title

属性依赖浏览器的默认工具提示功能？您自己处理工具提示并通过 JavaScript 显示它？ JAWS 不会宣布新显示的文本 除非新文本位于

aria-live

区域。您使用实时区域吗？ 最后，如果使用工具提示属性，例如

title

属性，则工具提示文本

可能

用于

 可访问名称计算

或可访问描述中。这是查看的最后一个属性（步骤 2.I）。如果以这种方式使用它，那么您将“不想”将其关闭。这是 JAWS 用户的预期行为。 您可能需要发布一些代码来澄清所有这些问题，以获得更准确的答案。 我遇到了同样的问题，这主要是因为父级有一个

aria-describedby

属性，导致悬停标签被 JAWS 阅读器读取，即使它的

aria-hidden

Answer 2

true

，如本文中所述ADG

这里

。

Elements hidden using aria-hidden are not hidden anymore when referencing them using aria-describedby. 

解决方案是将

aria-describedby

设置为

void 0

，如下面的代码所示

<Tooltip
  aria-describedby={void 0}
  PopperProps={{
    'aria-hidden': true
  }}
>
  <div>Hover here!</div>
</Tooltip>