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

时间:2014-07-18 19:36:37

标签: javascript html css html5 attr-accessible

我正在尝试将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>

2 个答案:

答案 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">