google-chrome - 避免按钮内的屏幕阅读器文本

Question

当 Jaws 读取时，我想忽略按钮内的文本，我的代码是：

<span style="display:none;" id="text1">Hai</span>
<button aria-labelledby="text1"><span>firstbutton</span></button>

但是 Jaws 读作 Hai 的第一个按钮

提前致谢

Answer 1

此标记在 Voiceover OSX 10.8.4、ChromeVox 1.29.1 和 JAWS 14 中的“Hai 按钮”中公布。

<button aria-label='Hai'>
  <span aria-hidden='true'>firstbutton</span>
</button>`