避免按钮内出现屏幕阅读器文本

Question

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

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

但《大白鲨》读作“海”第一个按钮

提前致谢

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>`