To avoid screen-reader text inside the button

Question

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

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