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

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'中公布。

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