在跨度上使用aria标签

Question

我正在使用Unicode星号显示产品评分。 iOS VoiceOver无法正确朗读，因此我认为我应该在跨度上使用aria-label来告诉屏幕阅读器这是什么意思。

<span aria-label="4.0 stars out of 5, 123 ratings">★★★★☆ 4.0 (123)</span>

不起作用。 iOS VoiceOver完全忽略了我的aria-label。

我在做什么错？我该如何解决？

Answer 1

如果您放置在元素上的元素没有任何语义，aria-label有时会被某些辅助技术忽略。 没有语义。如果您添加了适合您的星星的role，则应该正确阅读。

Answer 2

一种方法是添加一个role=img

<span aria-label="4.0 stars out of 5, 123 ratings" role="img">★★★★☆ 4.0 (123)</span>