wordpress 如何将alt文本添加到实际上是静音、循环、自动播放MP4的GIF中< video>?

6za6bjd0  于 2022-11-02  发布在  WordPress
关注(0)|答案(2)|浏览(125)

我有一个few posts on my Wordpress website that have long GIF videos。为了减少这些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>

我的问题是,像添加<img>标签一样添加alt文本的最佳方式是什么?这些视频可能使用了<video>标签,但实际上它们更像是图像,应该能够有alt文本。什么对屏幕阅读器最好,什么对SEO最好?
是否有其他方法来实现我的目标,更小,更有效的GIF,我不知道?

axzmvihb

axzmvihb1#

这里有几件事你需要考虑:
1.该视频是否为屏幕阅读器用户添加了任何内容
如果没有(例如下面的说明准确描述了视频内容),那么最好使用aria-hidden="true"对屏幕阅读器隐藏它。不要为屏幕阅读器用户复制信息。由于您的“字幕”实际上并不是字幕,我认为您最好这样做。
1.使“标题”更通用
不合适?试着把自行车举起来,让它更近一些。这个停车计时器对我的自行车来说有点短(看看车把是如何接触到计时器的),所以我不能让它像空杆一样近,但仍然足够近了。
上面的例子引用了视频。相反,如果没有附带视频的话,请描述该步骤。尝试将其更改为以下内容:-
我试着把自行车举起来,让它靠近一些。我试着用的停车计时器对我的自行车来说有点短,车把碰到了计时器,所以我不能让它像空杆一样靠近,但仍然很近。
上面的句子没有以任何方式参考视频,本身就有意义。如果你把你所有的“标题”都做成这样,那么没有视频的说明应该还是有意义的。
1.你能暂停视频吗?
显然你不能暂停GIF,但现在你使用视频,你应该允许人们选择暂停页面上的所有动画。要么允许点击暂停视频,要么在页面上有一个暂停所有动画的开关。这些可能会分散患有焦虑症等的人的注意力(特别是当你在一个页面上同时播放数百个视频时)。

您的使用案例

给定您的用例,简单地使用aria-hidden="true"隐藏视频元素并更新您的描述,将在以可访问的格式提供信息和不使屏幕阅读器用户因没有附加值的重复信息而过载之间取得很好的平衡(如果下面正确描述了每个视频的title以及制作无声视频的正确方法,则没有必要为每个视频添加title accessible是添加场景的增强音频描述,这对于您的用例来说是大材小用。)。
别忘了添加一种暂停视频的方法,可以一次暂停一个视频,也可以在页面开头附近使用切换开关一次暂停所有视频。

yhuiod9q

yhuiod9q2#

使用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>

相关问题