★）来表示评分。因此，前四颗星星将是实心的颜色，而最后一颗星星将是白色的，以表示5分制中的4分。如下所示：
<span title="4 out of 5">中是否可以提供更多的可访问性？alt属性，例如alt="四颗星"，效果相当可靠。它们应该是内容图片（通过img），因为没有办法指定文本替代背景图片。@font-face使用嵌入式字体是可能的，但在这里听起来有点过度杀伤力。title属性可能会被朗读，但通常只是作为一个选项，并且用户可能不知道存在这样的选项。img元素的高度设置为em单位（不设置宽度，以便它们可以按比例缩放以保持宽:高比）。我认为如果你不想尝试实验，你应该遵循Jukkas建议并使用img元素。
如果出于某种原因，你想使用Unicode星号符号，你必须尝试使其可访问。根据你的描述，我猜你目前正在做这样的事情：
<div class="rating">
<span>★★★★</span>★
</div>
<!-- CSS: .rating span {color:yellow;} -->
这个例子没有标记评分的语义，因此屏幕阅读器和其他用户代理无法“理解”（宣布）其含义。评分仅通过颜色进行描述→这是不可访问的。
可能的方法可能是使用 abbr元素，但是，这种情况可能会过度拉伸定义（“五颗星真的是评分得分的缩写吗？”）：
<div class="rating">
<abbr title="rating of 4 out of 5"><span>★★★★</span>★</abbr>
</div>
<!-- CSS: .rating span {color:yellow;} -->
为了获得最佳的兼容性，使用图像。你知道它会是什么样子，无障碍问题很简单，而且你不需要担心各种功能在浏览器上的支持。
您可以从font squirrel使用@font-face。如果等级永远不会改变，那么用类似Photoshop的程序创建一个图像作为背景图怎么样？Span的标题不好。如果以后更改等级，那么您必须去更改所有标题属性。我会使用更一般的标题，如“等级”。如果在页面上内容中等级并不是绝对必要的，请考虑使用JavaScript来显示评分。这样，您就不会实际更改HTML，因此您的安全问题应该得到处理。