<picture> 标签是否有“alt”属性?— 用例:没有 <img src=""> 的图片元素

das*_*ash 2 html accessibility image alt-attribute picture-element

我正在使用<picture>标签。我的目标群体使用现代浏览器,因此只要Firefox 支持 WebP,就无需使用该<img>标签。

现在:

<picture>
    <source srcset="image-200px.webp 1x, image-400px.webp 2x" type="image/webp">    
    <img src="image-200px.jpg" alt="Description">
</picture>
Run Code Online (Sandbox Code Playgroud)

很快:

<picture>
    <source srcset="image-200px.webp 1x, image-400px.webp 2x">
</picture>
Run Code Online (Sandbox Code Playgroud)

有没有办法在不使用标签时实现alt属性?<picture><img>

Que*_*tin 6

我的目标群体因此使用现代浏览器。只要 Firefox 支持 WebP,就不需要使用<img>标签

虽然您可能不关心支持不支持该<picture>元素的浏览器,但 HTML 规范说:

内容模型

零个或多个源元素,后跟一个 img 元素,可选择与支持脚本的元素混合。

img元素是必需的,因此替代文本仍由元素alt上的属性提供img