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

【问题标题】：To avoid screen-reader text inside the button避免按钮内的屏幕阅读器文本
【发布时间】：2013-08-13 12:39:02
【问题描述】：

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

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

但 Jaws 读作 Hai 的第一个按钮

提前致谢

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

这适用于我的 Mac 但不适用于 iPad。请帮助我，提前谢谢
也许你可以试试：<div id='first-button-label' class='visually-hidden'>Hai</div> <button aria-labelledby='first-button-label'>firstbutton</button>。（未经测试）
您不会从 ARIA 获得通用浏览器支持，仅供参考。如果屏幕阅读器将按钮文本宣布为“Hai”至关重要，则应考虑将其设为可见按钮文本。它会更传统，不会给盲人用户带来不同的体验。