title: Use aria-label on a span
body: <p>I'm showing product ratings using Unicode star symbols. iOS VoiceOver doesn't read this aloud correctly, so I thought I'd use <code>aria-label</code> on my span to tell screen readers what it means.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;span aria-label="4.0 stars out of 5, 123 ratings"&gt;★★★★☆ 4.0 (123)&lt;/span&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>It's not working. iOS VoiceOver ignores my <code>aria-label</code> completely.</p>
  
  <p>What am I doing wrong? How can I fix this?</p>