提供视觉例子,图片,样例来帮助解释思想、事件、或过程____20160526


说明

该技巧的目的是提供视觉样例描述概念或过程,帮助在理解复杂文本上有阅读器困难的用户理解。在文本之外提供样例。图表、图、动画、照片、图像组织者,或其他常用视觉材料帮助这些用户。

在解码文字和语句方面有困难的残障用户在阅读和理解复杂文本方面可能存在障碍。

  • 图表和图形帮助用户理解复杂的数据。
  • 图,流程图,视频和动画帮助用户理解过程。
  • 概念图等图形组织者帮助用户了解如何想法是相互关联的。
  • 照片,图纸,和视频可以帮助用户理解自然或历史事件或物体。

样例

样例1:公司的年度报告

一个年度报告讨论了去年影响公司表现的多个因素。报告也包含图表和图来说明这些因素怎样相互作用。每一个图表或图都需要替代文本。每一个图表或图在标题中都有一个数字(例如,图7)。这些数字用来索引图表或图。

样例2:科技文档中的截屏;

产品的在线文档包含步骤说明。每一个步骤使用截屏举例说明屏幕上的视觉呈现。每一个截屏都有替代文本。

样例3:复杂自然事件的举例;

有一个网站讨论2004年的海啸。网站描述了海啸怎样影响了印度海周边的不同地区,包含每个地区的破坏照片。每个图片都有替代文本。网站也解释在海啸期间水下发生了什么。解释配合一个动画展示了海啸是怎么样产生和在海洋中传播的。动画也有替代文本。


无障碍效果

各读屏、各浏览器的支持效果

测试人:

争渡、IE11:
永德、IE11:
NVDA、IE11:
永德、chrome:
NVDA、chrome:
NVDA、Firefox:
voiceover、chrmoe:
voiceover、Safari: