可访问性程序

无障碍网页程序

基本易访问性合规

(改编自siteimprovement 's Must Have Accessibility Handbook 2017版)

有关Web可访问性的影响和好处的更多信息,请参见W3C易访问性观点网站

图片

在添加图像时,要考虑一些用户无法看到图像的事实。他们需要文本替代。

  • 不要发布你的事件的图像“垃圾邮件”-发布一个图像和事件文本分开。
  • 尽可能避免使用带有文字的图像。在无法避免的情况下,确保文本替代是等价的。
  • 所有的图片都需要一个alt标签(或编码),而且大多数都需要替代文本(传达图像中发生的事情的描述性文本)。图片是否应该有替代文本取决于图片的上下文和目的。问问自己这些问题:
    • 我是否使用图像作为装饰来创建一个视觉环境?如果是这种情况,图像不需要替代文本(代码alt= " ")
    • 我使用图像来提供信息吗?然后,你需要描述视觉受损用户在图像上看不到的东西(这与描述图像显示的内容不一定相同)。
    • 图片链接吗?然后需要在备选文本中描述链接的目的地。一般来说,图片不应该用作链接。

链接

当你在页面上添加链接时,请写出脱离上下文阅读时有意义的链接文本。

  • 避免“点击这里”、“阅读更多”、“了解更多”……
  • 链接相关文本以指明目标页面的内容。例如,链接应该描述当读者点击像“the亚博电竞官网韦尔斯利学院学生手册包含学生政策。而不是“对于韦尔斯利学院的学生手册,亚博电竞官网点击这里”。

文本

当为网页编写文本时,要考虑到这样一个事实:一些用户无法从视觉上获得页面的概述,而不是从结构上。

  • 使用不同级别的标题来组织你的内容(如Drupal中的H3, H4, H5)
  • 不要使用闪烁的文字。
  • 确保不要只根据内容的位置或颜色给出指示,如“在你右边的方框中”或“绿色圆圈”。
  • 如果需要强调文本,请使用粗体或斜体,而不是下划线。
  • 对于较长的页面,在顶部提供一个可导航的目录。

颜色

  • 不要单独使用颜色来表达意思或传达信息。
  • 确保有一个足够的对比背景文字之间有颜色,所以视力低的人也能看懂。例如,避免使用相同颜色的不同深浅来区分,例如,深蓝色与浅蓝色相邻。
  • 当使用卫尔斯理Drupal模板时,批准的颜色会自动出现。不要改变这些颜色。
  • 对于图形,使用颜色与纹理或图案的组合,如对比鲜明的网格、点或线。

形式

  • 尽可能使用谷歌表单。如果表单是手工编码的,则为每个字段包含一个标签。

列表

  • 使用Drupal编辑器中的列表项目符号或编号列表功能。不要做看起来像一个列表的标记(如星号,破折号等)。

  • 应该使用表来组织数据和信息。不要使用它们来样式或布局页面。
  • 表需要包含标题单元格(不留下任何空)。这有助于识别每一行和每一列中的信息)。查看表设置下的标题单元格。
  • 表格需要包含标题或摘要。这些字段也可以在表设置中找到。

视频

音频

  • 所有音频都应该有书面记录。
  • Rev.com可提供成绩单,每分钟1.25美元。

IFrames

  • 所有iframe,如YouTube视频、谷歌表单和谷歌日历,都需要一个标题。在iFrame设置中查找Advisory Title字段。

PowerPoint及pdf

许多适用于web内容的原则也适用于文档。

  • pdf格式只能用于预期打印的文档,所有其他内容都应该在网页中创建。包括(PDF),以指示网页用户他们将被带到PDF而不是网页。
  • 所有PDF文件应供查阅(有关如何制作可查阅的PDF文件,请联络通讯及公共事务办公室)
  • powerpoint不会在屏幕阅读器中呈现,应该避免使用。如果没有可供选择的格式,则必须提供额外的格式(参见不符合).

不符合

  • 当不能以任何其他方式实现遵从性时,应该提供具有等价信息或功能的纯文本页面。只要主页面发生更改,就需要更新纯文本页面的内容。

制作可访问的PDF(基础)

  • 这是一个“标记”的PDF。你必须标记公共元素:
    • 标题
    • 列表
  • 为图像和链接文本提供替代文本。
  • 另存为PDF—不要打印为PDF。使用国家残疾人教育中心备忘单将Word文档转换为PDF格式。
  • 看到我们的使pdf可访问的文档