图片信息图页面上提供的信息图文本的 Google 缓存(部分)
CSS 信息图页面上的信息图中的信息图文本的 Google 缓存(部分)。
两者都提供了可索引且屏幕可读的解决方案。CSS 版本无需在页面上为有视力的访问者复制文本信息即可实现此目的。
您可能已经注意到,CSS 司法部数据库 版本还添加了有用的不可见 display:none 部分标题,这些标题可以被屏幕阅读器看到,但在信息图中不可见。有关隐藏文本的更多信息,请参阅上一篇文章。
HTML5:提供有用文本替代的技术——使非文本元素可访问的更多深入示例
HTML5 可访问性技巧:figure 和 figcaption 元素
可访问的信息图表
如何创建可访问的信息图
ARIA-defined 信息图表
W3:使用 aria-scribeby 属性为用户界面控件提供描述性标签
颜色对比度分析仪工具(下载)
颜色对比度检查工具(在线)
视频转录、字幕和字幕
视频转录
视频转录是随视频提供的视频文本。视频转录对听不到视频的听力障碍访客很有帮助,或者可以为用其他语言或口音浓重的人翻译文字。对于观看声音难以听清的视频、在吵闹的房间观看视频或需要在静音状态下观看视频的人来说,它也很有用。
同样,对于搜索引擎来说,视频记录通过文本描述视频的内容。
字幕和字幕在视频播放时提供与时间同步的文本。字幕提供对话,而字幕提供对话并描述其他声音,如音乐、音效和说话者识别。