To avoid screen-reader text inside the button

问题

I want to ignore text inside the button when Jaws reads, My Code is :

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

But Jaws reads as Hai first button

Thanks in advance

回答1:

This markup is announced at 'Hai button' in Voiceover OSX 10.8.4, ChromeVox 1.29.1, and JAWS 14.

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

来源：https://stackoverflow.com/questions/18209327/to-avoid-screen-reader-text-inside-the-button