WebP和可访问性-替代文本

Question

因此，我们都应该知道，在HTML中使用图像时，提供替代文本是一种很好的做法...最近，我一直在研究WebP ...一种新的图像格式，其优点是文件较小，保持质量和更快的网站。

但是，当我开始研究可访问性的最佳实践时，我什么也没找到……没有任何建议，也没有为WebP图像的屏幕阅读器创建替代文本的重要提示。

我目前提供替代文本的代码看起来像这样...

gluBuild2DMipmaps()

Answer 1

source element没有alt属性，而img元素没有正确地添加该属性。

在source元素上，您可以尝试添加aria-label attribute。

Answer 2

  

没有为WebP图像的屏幕阅读器创建替代文本的重要提示

因为关于图像格式的内容并没有影响您编写替代文本的方式。

任何其他<img>或<picture>元素都是相同的。