Hong Kong Data

这对屏幕阅读器非常不友好（无法浏览文本、复制或粘贴等）。 Alts，并选择另一种方法来获得更长的描述。 遵循颜色对比度要求。在考虑信息图的颜色时要提前计划，并使用满足最低颜色对比度要求的颜色。



使用此工具来帮助您. 考虑一下 ARIA 所陈述的内容。此 ARIA（可访问丰富互 捷克共和国 数字数据 联网应用程序）属性除了图像上的 Alt 文本外，还允许更长的描述。这是一个视频示例。



请注意，由于除了替代文本之外还声明了图像描述，因此可能会重复。 longdesc 属性：此图像属性允许您为图像的详细描述提供机器可读的链接（在页面内或单独的页面上），但它没有得到很好的支持，而且据我所知，这不是一种有效的 SEO 技术。



考虑隐藏文本的替代方案：请参阅上一篇文章中的示例，其中的图像信息图是 iFrame 中易于共享的部分。中的 CSS 剪辑中. 使用 CSS 创建您的信息图：这是一个很好的解决方案。



下面是两个包含相同信息图的页面，每个页面似乎都缓存在 Google 中。底部页面有一个带有文字和链接的图像文件。第二个是使用 HTML + CSS 创建的可索引文本和链接的信息图。