0

我正在尝试将可访问性属性添加到我的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>
4

2 回答 2

0

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

{ 'title': 'Your hover text' }

不同的浏览器和辅助软件读取不同的属性（或者读取的顺序不同）。

于 2014-07-18T19:39:16.710 回答
0

这样的aria-label属性是正确的，假设您希望用字符串“0”标记元素。但是浏览器和辅助技术对它的支持各不相同。

如果您另外使用该属性title="0"，可能会有更多支持，因为该title属性是旧的并且可能有更好的支持。但是，许多辅助技术只是选择性地说明其价值，具体取决于默认情况下通常关闭的用户设置。

为了使代码可访问，它需要重新设计。它现在完全依赖于样式表。禁用样式表后，内容完全为空。更好的方法是使用图像。最容易理解的是，您将创建，例如，代表 0 tp 5 颗星的六个图像，具有足够的alt属性，例如<img src="stars0.png" alt="no stars">.

于 2014-07-18T21:18:54.613 回答