0

在网站目录中，每个企业都有一个包含多张图像的幻灯片。如果我不知道每种情况下是什么样的图片，那么处理alt每个图片/链接的属性的最佳方法应该是什么？

示例（已编辑）

<ul class="slideshow">
   <li>
     <a href="img1_full.jpg" ><img src="img1_thumb" alt=""></a>
   </li>
   <li>
     <a href="img2_full.jpg" ><img src="img1_thumb" alt=""></a>
   </li>
</ul>
4

2 回答 2

2

alt="Slideshow image 1 of Business X"， ETC。

由于您不知道图像是什么，因此这将是一个有效的选项。它告诉正在使用屏幕阅读器的人，或者由于任何原因看不到图像（它不会加载），图像是幻灯片的一部分。它还告诉它是哪个图像以及它与什么业务相关。

对于额外的功劳，您可以使用诸如 Cloud Vision API 之类的 API，该 API 可以分析图像的内容并返回描述图像的简短短语。

于 2017-12-20T02:16:14.867 回答
0

a元素不能有alt属性。

假设您使用img：

  • 如果幻灯片中的图像只是装饰，则必须使用空alt值。

  • 如果链接指向页面（而不是图像），则该alt值必须描述链接的目的，而不是图像。例如，如果幻灯片显示产品图像并链接到产品页面，则该alt值可能是产品名称。

  • 如果链接指向图像（例如，以更高的分辨率）或者如果幻灯片没有链接，则该alt值必须描述图像。

例外：如果您自动生成标记并且无法添加合适的alt值，则可以使用属性generator-unable-to-provide-required-alt（具有空值）而不是alt. 这是不合格的，但验证器可能会忽略该错误，并且在任何情况下都比提供不合适的alt值要好。

于 2017-12-20T07:01:14.770 回答