对于没有相关替代文本的图像，是否有符合规范的做法？

Question

我正在网页上实现 Jssor 的 Bootstrap Carousel Slider。使用 W3C 的验证工具，我收到此特定图像缺少替代文本的错误：

<div data-u="loading" class="jssorl-009-spin" style="position:absolute;top:0px;left:0px;width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,0.7);">
    <img style="margin-top:-19px;position:relative;top:50%;width:38px;height:38px;" src="/svg/loading/static-svg/spin.svg" />
</div>

该图像只是一个用于表示 Jssor 滑块加载的旋转磁盘。我很好奇我是否应该在这张图片上使用替代文字。到目前为止，我的研究指出只包含一个空白alt=""属性；对于是否应该包含并留空，或者如果我没有任何替代文本，是否应该避免它，是否有权威参考？

Answer 1

根据 W3C 的 Web Accessibility Initiative (WAI) 建议，alt=""应该使用空属性，以便屏幕阅读器可以忽略它。

装饰图像不会向页面内容添加信息。例如，图像提供的信息可能已经使用相邻文本给出，或者可能包含图像以使网站更具视觉吸引力。

在这些情况下，alt应提供空（空）文本 ( alt="") 以便辅助技术（例如屏幕阅读器）可以忽略它们。如果主题与相邻文本中的主题不同，这些类型图像的文本值会给屏幕阅读器输出增加可听的混乱，或者可能会分散用户的注意力。省略 alt 属性也不是一种选择，因为当它没有提供时，一些屏幕阅读器会改为读出图像的文件名。

来源：https : //www.w3.org/WAI/tutorials/images/decorative/