html - 在跨度上使用 aria-label

Question

我正在使用 Unicode 星号显示产品评级。iOS VoiceOver 不能正确朗读这个，所以我想我会用aria-label我的跨度来告诉屏幕阅读器它的含义。

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

它不工作。iOS VoiceOveraria-label完全忽略了我。

我究竟做错了什么？我怎样才能解决这个问题？

标签： htmlioswai-ariavoiceover

Answer 1

aria-label如果您放置的元素没有任何语义含义，则有时某些辅助技术会忽略它。<span> 没有语义含义。如果您添加一个role适合您的星星的，那么它应该被正确阅读。