javascript - 所有人评级的可访问属性

Question

我正在尝试为我的 OverallRating 星级添加可访问性属性...你能告诉我我需要添加什么属性吗...我添加了带有赋予该属性的值的 arial 标签...但它不工作...你能告诉我我需要添加什么吗..在下面提供我的代码...

这是我生成的代码

<div class="OverallRating" aria-label="0"><i class="OverallRating__star small-star"></i>
    <div class="OverallRating__filled" style="width: 0%;"><i class="OverallRating__star small-star"></i>
    </div>
</div>

Answer 1

当然，您可能希望保留 aria-label 属性，但也可能添加一个简单的 title 属性:

{ 'title': 'Your hover text' }

不同的浏览器和无障碍软件读取不同的属性(或者它们读取的顺序不同)。