Writing

给图片写说明,而不是把它们当成装饰

影像页需要封面、替代文本和可选的图注。缺了说明,画廊就只是一排色块。

· 5 分钟阅读
目录
  1. 每张图都要有 alt
  2. 示例图是几何图形
  3. 不要用信息流来装照片

这个主题把影像当成一种内容,而不是首页背景。一组图片应该能被单独打开、单独描述,并且在没有图片的时候仍然知道它在说什么。

每张图都要有 alt

alt 写这张图在文中的作用,而不是“图片”两个字。图注是可选的,适合补一句拍摄或制作背景。封面图用于影像索引,不一定出现在正文图组里,但通常就用第一张。

示例图是几何图形

示例画廊里的图是仓库自带的 SVG,用来占住版面和替代文本。换成照片时,把文件放进 public/,并在 frontmatter 里改掉 src。校验脚本会检查以 / 开头的本地路径是否真的存在。

不要用信息流来装照片

影像索引是若干精选系列。一篇影像短文可以有自己的说明文字,下面再排图画。它不是一个无限下拉的相册。

相关文章