一个是图像文件，其下方页面上有文本和链接。另一个是通过 HTML + CSS创建的可索引文本和链接的信息图. 左:信息图表作为图像（该页面还在页面上提供了信息图表文本）۔ 右图：以 HTML 形式提供的信息图，并采用 CSS 样式（来源此处）۔ 左图：图像信息图。
右图：HTML 信息图
我们来在代码。 这是 Google 对每个页面的信息图文本内容的缓存. 顶部：图片信息图页面上提供的信息图文本的 Google 缓存（部分） 底部： CSS 信息图页面上的信息图中的信息图文本的 Google 缓存（部分） . 图片信息 瑞士电话号码数据 图页面上提供的信息图文本的 Google 缓存（部分） CSS 信息图表页面上的信息图表文本的 Google 缓存（部分）。
两者都提供可索引且屏幕可读的解决方案。 CSS版本可以做到这一点،而不必在页面上为有视力的访问者重复文本信息. 您可能已经注意到，CSS 版本还添加了有用的不可见的 ڈسپلے:کوئی نہیں部分标题，这些标题可以由屏幕阅读器在到，但在信息图中不可见。
有关隐藏文本的更多信息
请参阅上一篇文章. 图像和非文本元素工具和资源 HTML5：提供有用 查尔斯·沃尔夫 文本替代的技术——使非文本元素可访问的更多深入示例 HTML5 可访问性技巧：figure 和 figcaption 元素 可访问的信息图表 如何创建可访问的信息图 ARIA کی وضاحت کردہ 信息图表 W3：使用 aria-scriptby 属性为用户界面控件提供描述性标签 颜色对比度分析工具（下载） 颜色对比度检查工具（在线） 视频转录、字幕和字幕 视频转录 视频转录是随视频提供的视频文本。
视频转录对于听不到视频的听
力障碍访客或为用其他语言或口音浓重的人翻译文字很有帮助。这对于观看声音难以听清的视频、以高音量观看视频或需要在无声的情况下观看视频的人来说也很有用。
同样对于搜索引擎来说
视频记录通过文本描述视频的内容。 视频字幕和字幕 字幕和标题提供 购买电子邮件列表 与视频播放同步的文本。字幕提供对话，而字幕提供对话并描述其他声音，如音乐、音效和说话人识别。
在视频内容旁边提供文字的选项包括： 在页面上添加抄本作为文本。您可以轻松地将转录内容作为文本添加到视频页面，例如页面上视频下方的珊瑚礁视频文本示例。您可以自己输入成绩单，也可以使用工具或服务来为您完成（请参阅资源部分）。
元素上的 标签可让您将视
频添加到页面并指定包含转录文本的 .vtt 文本文件。
据我所知，Google 可以索引 .vtt 文件，但我没有看到任何明确的例子表明 Google 将 .vtt 文本文件与为视频提供该文件的页面关联起来。 添加交互式记录。