title: Aria-hidden does not work with buttons in Firefox and JAWS
body: <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a href="#" role="button" &gt;
       &lt;span aria-hidden="true"&gt; First&lt;/span&gt;
       &lt;img src="D:/kk.JPG" alt="First name" width="20px" height="20px"/&gt;
  &lt;/a&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>JAWS reads it as <code>First First name button</code> instead of <code>First name button</code>.</p>
  
  <p>Is this a Firefox issue? How do I resolve this <strong>without</strong> using <code>aria-label</code> for the outer anchor tag.</p>