无障碍网页程序
基本易访问性合规
(改编自siteimprovement 's Must Have Accessibility Handbook 2017版)
有关Web可访问性的影响和好处的更多信息,请参见W3C易访问性观点网站.
图片
在添加图像时,要考虑一些用户无法看到图像的事实。他们需要文本替代。
- 不要发布你的事件的图像“垃圾邮件”-发布一个图像和事件文本分开。
- 尽可能避免使用带有文字的图像。在无法避免的情况下,确保文本替代是等价的。
- 所有的图片都需要一个alt标签(或编码),而且大多数都需要替代文本(传达图像中发生的事情的描述性文本)。图片是否应该有替代文本取决于图片的上下文和目的。问问自己这些问题:
- 我是否使用图像作为装饰来创建一个视觉环境?如果是这种情况,图像不需要替代文本(代码alt= " ")
- 我使用图像来提供信息吗?然后,你需要描述视觉受损用户在图像上看不到的东西(这与描述图像显示的内容不一定相同)。
- 图片链接吗?然后需要在备选文本中描述链接的目的地。一般来说,图片不应该用作链接。
链接
当你在页面上添加链接时,请写出脱离上下文阅读时有意义的链接文本。
- 避免“点击这里”、“阅读更多”、“了解更多”……
- 链接相关文本以指明目标页面的内容。例如,链接应该描述当读者点击像“the亚博电竞官网韦尔斯利学院学生手册包含学生政策。而不是“对于韦尔斯利学院的学生手册,亚博电竞官网点击这里”。
文本
当为网页编写文本时,要考虑到这样一个事实:一些用户无法从视觉上获得页面的概述,而不是从结构上。
- 使用不同级别的标题来组织你的内容(如Drupal中的H3, H4, H5)
- 不要使用闪烁的文字。
- 确保不要只根据内容的位置或颜色给出指示,如“在你右边的方框中”或“绿色圆圈”。
- 如果需要强调文本,请使用粗体或斜体,而不是下划线。
- 对于较长的页面,在顶部提供一个可导航的目录。
颜色
- 不要单独使用颜色来表达意思或传达信息。
- 确保有一个足够的对比背景文字之间有颜色,所以视力低的人也能看懂。例如,避免使用相同颜色的不同深浅来区分,例如,深蓝色与浅蓝色相邻。
- 当使用卫尔斯理Drupal模板时,批准的颜色会自动出现。不要改变这些颜色。
- 对于图形,使用颜色与纹理或图案的组合,如对比鲜明的网格、点或线。
形式
- 尽可能使用谷歌表单。如果表单是手工编码的,则为每个字段包含一个标签。
列表
- 使用Drupal编辑器中的列表项目符号或编号列表功能。不要做看起来像一个列表的标记(如星号,破折号等)。
表
- 应该使用表来组织数据和信息。不要使用它们来样式或布局页面。
- 表需要包含标题单元格(不留下任何空)。这有助于识别每一行和每一列中的信息)。查看表设置下的标题单元格。
- 表格需要包含标题或摘要。这些字段也可以在表设置中找到。
视频
- 所有视频都应该包括字幕,无论是发布到网站上还是上传到YouTube上。你可以在视频中添加字幕,编辑YouTube的自动记录,或上传一个文本或。srt文件到YouTube对于封闭字幕。Rev.com可以生成.srt文件,每分钟1.25美元。如果没有标题,请提供内容的文本。
- 没有音频的视频应该有一个描述性的文本。
音频
- 所有音频都应该有书面记录。
- 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可访问的文档.