我正在尝试将accessiblity属性添加到我的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>
答案 0 :(得分:0)
当然,您希望保留aria-label
属性,但可能还会添加一个简单的title
属性:
{ 'title': 'Your hover text' }
不同的浏览器和辅助功能软件读取不同的属性(或者读取的顺序不同)。
答案 1 :(得分:0)
aria-label
属性本身是正确的,假设您希望用字符串“0”标记元素。但是在浏览器和辅助技术方面对它的支持各不相同。
如果您另外使用属性title="0"
,则可能会有更多支持,因为title
属性已旧并且可能有更好的支持。但是,许多辅助技术只能选择性地说出其价值,具体取决于默认情况下通常关闭的用户设置。
要使代码可访问,需要重新设计。它现在完全依赖于样式表。禁用样式表后,内容将完全为空。更好的方法是使用图像。最可访问的是,您可以创建六个代表0 tp 5星的图像,并具有足够的alt
属性,例如<img src="stars0.png" alt="no stars">
。