title: Web Accessibility - Screen Reader reads HTML element differently on mouse hover and on tabbing
body: <p>Screen Reader reads HTML element like a button differently on mouse over and on tab. When mouse over, it reads "My super button". While tabbing, it reads "Button my super button".</p>
  
  <p><code>&lt;button aria-label="My super button"&gt;Super&lt;/button&gt;</code></p>
  
  <p>How can I make them same as "My super button"?</p>
  
  <p>I am using NVDA as a Screen Reader from <a href="https://www.nvaccess.org/" rel="nofollow noreferrer">https://www.nvaccess.org/</a></p>