Big Database

一定要遵守颜色对比度要求。在考虑信息图的颜色时要提前计划，并使用满足最低颜色对比度要求的颜色。使用此工具来帮助您。
请考虑 ARIA-writtenby。此 ARIA（无障碍富互联网应用）属性除了图像上的替代文本外，还会被读取，并允许进行长篇描述。这是一个视频示例。请注意，由于 describeby 除了图像替代文本外还会被宣告，因此这可能会重复。
longdesc 属性：此图像属性允许您提供指向图像长描述的机器可读链接（在页面内或单独页面上），但不太受支持，而且据我所知，这也不是一种有效的 SEO 技术。
请考虑隐藏替代文本 司法部数据库 请参阅上一篇文章中的示例，其中的图像信息图是 iFrame 中易于共享的部分，其中可索引文本隐藏在 iFrame HTML 中的 CSS 剪辑中。
使用 CSS 创建信息图：这是一个很好的解决方案。下面是两个包含相同信息图的页面，以及它们在 Google 中的缓存效果。一个是图像文件，其下方页面上有文本和链接。另一个是通过 HTML + CSS 创建的可索引文本和链接的信息图。
左：信息图表作为图像（该页面还在页面上提供了信息图表文本）。

右图：以 HTML 形式提供的信息图，并采用 CSS 样式（来源此处）。

左图：图像信息图。右图：HTML 信息图。
你会注意到它们看起来极其相似。

我们来看看代码。这是 Google 对每个页面的信息图文本内容的缓存。

顶部：图片信息图页面上提供的信息图文本的 Google 缓存（部分）。

底部： CSS 信息图页面上的 信息图中的信息图文本的 Google 缓存（部分） 。