为多媒体提供备选内容。
对于多媒体,如图像,视频,通过 canvas
读取的动画元素,确保提供备选方案。 对于图像使用有意义的备选文案alt
对于视频和音频使用有效的副本和文案说明。
提供备选内容是很重要的,原因:给盲人用户以一些提示性的文字,用 alt
告诉他这图像是关于什么的,给可能没理解视频或音频的内容的用户以提示。
(图像的 alt
属性会产生冗余,如果使用图像只是为了不能立即用CSS而装饰的 ,就不需要用备选文案了,可以写alt=""
。)
HTML代码示例:
<!-- 不推荐 -->
<img src="spreadsheet.png">
<!-- 推荐 -->
<img src="spreadsheet.png" alt="电子表格截图">
当然,除了盲人用户使用场景,有时候网络带宽或资源失效问题也会导致该媒体文件无法正常在用户浏览器渲染,alt标签可以让用户知道这里是什么内容。