时间戳

首页 > 解决方案 > 如何将替代文本添加到实际上是无声、循环、自动播放 MP4 的 GIF

wordpress - 如何将替代文本添加到实际上是无声、循环、自动播放 MP4 的 GIF

问题描述

我在我的 Wordpress 网站上有一些帖子，其中包含很长的 GIF 视频。为了减少这些 GIF 的巨大尺寸，我将它们转换为 MP4 视频，现在使用<video>标签来显示它们，如下所示：

<div>
<video src="myVideo.mp4" autoplay="autoplay" loop="loop" muted="" playsinline="" webkit-playsinline="" width="600">
</video>
<p class="wp-caption-text">My caption that makes it look more like an img than a video</p>
</div>

我的问题是，添加 alt 文本的最佳方法是什么，就像我在<img>标签上添加的那样？这些视频可能使用了<video>标签，但实际上它们更像是图像，并且应该能够具有替代文本。什么最适合屏幕阅读器，什么最适合 SEO？

还有其他方法可以实现我不知道的更小、更高效的 GIF 的目标吗？

标签： wordpressvideoaccessibilityanimated-gifweb-accessibility

解决方案

使用 title 属性，这在 VIDEO 元素上有效。正如 ALT 文本描述的静态图像！

<video title="xyz" ...>

像：

<div>
<video title="xyz " src="myVideo.mp4" autoplay="autoplay" loop="loop" muted="" playsinline="" webkit-playsinline="" width="600">
</video>
<p class="wp-caption-text">My caption that makes it look more like an img than a video</p>
</div>

推荐阅读