Web内容无障碍指南(WCAG)2.0提供详细的信息呈现内容通俗易懂的标准。根据WCAG,网站内容应坚持以下原则:

  • 一定是 感知,单独或通过任一辅助技术。
  • 一定是 操作 所有个人,包括那些拥有或使用辅助技术的视觉,听觉或其他损伤发动机。
  • 它必须是可读和 可理解和网站应该在可预见的方式运行。
  • 一定是 强大的, 即使通过各种辅助技术访问。

万维网联盟(W3C)发表详细 WCAG 2.0达标要求 这大纲网站如何能够满足每一个这些原则。

下面列出的是一些常见的可访问性问题的发现,与网站。我们建议您咨询该列表会检讨无障碍合规性网站。

语言声明

每个网页必须有一个默认的语言在HTML声明的属性,例如, 或更具体地 。 ESTA信息有助于搜索引擎返回特定语言的结果,它是用来通过屏幕阅读器也是语言切换配置文件提供正确的口音和发音。 了解更多关于网页语言声明.

页面标题

所有网页必须有独特的网页标题。页面标题显示在浏览器标签或窗口,在搜索引擎结果显示,在页面的书签/收藏夹中使用,并通过屏幕阅读器大声朗读。

标题标签是一个HTML元素指定在一个网页的标题 HTML的部分,例如, “关于我们 - 银河电子官方网址学院”。当一个页面标题是空的,网址在浏览器标签或窗口中列出,并通过屏幕阅读器大声朗读。审查网站上的所有网页,以确定扉页是在每个实例中并且是唯一。 了解更多关于网页标题要求.

图像替代文本(替代文字)

规定了什么可以在图像中可以看到说明替代文本。应该是有意义的替代文本和描述性的,因此它可以由盲人被理解或使用屏幕阅读器和其他辅助技术WHO-人看不到图像视觉障碍,但需要知道STI意义或目的。 alt文本是由屏幕阅读器大声朗读。 了解更多关于替代文字说明的图片.

自动化辅助工具如使用波或siteimprove可以告诉你,如果ALT文本丢失,但以确定替代文本是合适的扫描,你需要看到的图像与在上下文中判断它。简单地使用 “PIC”, “myphoto”, “img7865” 等替代文字作为自动化测试会通过,但未能人工审核。

像搜索基于索引还什么是替代文本属性中找到谷歌的图像引擎。

请注意: 使用这在下面的屏幕阅读器口吃一样的文字相同的链接或链接结果文字链接被读出两次ALT文字重复。避免这种重复的写入时ALT文字说明。

Heading 1 & Properly Structured Headings

应该有所有网页抽穗1

。此外ESTA喜欢SEO搜索引擎的影响在使用谷歌搜索此信息。只有一个

每页。后

标签,页面应该有标签标题与一个适当的层次

下面出现一个标签

,

下面出现的

, 和

下面出现的

。这标题是为了出被标记为可访问性错误。辅助工具像波浪会识别页面上的所有标题。 详细了解如何构建网页带有标题.

链接 - 跳过“跳到主要内容”

跳跃如“跳到主要内容”链接允许使用屏幕阅读器的访问者跳过冗余的内容网页上,例如,导航跳过访问的页面的主要内容。 ESTA的功能应该是目前和所有网页的工作。 了解更多关于旁路块,然后跳到链接.

控制键盘/导航

所有网页和内容必须全面通航和操作仅使用 控制按钮和键盘快捷键。访问ESTA包括网页上的所有导航链接和内容在下拉菜单以及链接,表单字段等 了解更多有关浏览一个网站,键盘控制.

重点指标

重点指标 是清楚的屏幕上的亮点或在网页上的交互式元素,包括链接,按钮,表单字段,工具提示等的轮廓对于一个页面,你可以使用鼠标交互上的任何元素,你应该能够同时使用键盘来执行相同的操作和显示可见ESTA互动应重点。 了解如何确保键盘焦点是可见的,明确的.

表单标签

所有表单字段必须有相应的标签和表单提交必须明确和错误使用。这表单字段没有相应的标签不提供说明注意到该领域的目的。 了解更多关于提供适当的标签和说明书.

避免图像中显示文本

使用CSS样式文本从图像中分离出来。包括文本的图像呈现问题的一部分,不仅为视障人士,但使用屏幕放大镜那些浏览网页,以及那些有阅读​​障碍是或其他认知障碍。 了解更多有关显示图像的文本避免要求

表用于表格数据的显示。在单元中的数据内容与标题和行相关联。数据表标题和摘要所使用的地方appropriate`。 了解如何创建访问表.

视频字幕

所有预先录制的视频必须有字幕 银河电子官方网址它们出现在网站或相关的社交媒体网站,例如Facebook的,YouTube上,VIMEO和之前。

音频成绩单

所有张贴的音频文件必须有一个文本成绩单 可用于听力受损。成绩单ESTA包括播客音频。

避免使用非描述性的链接提示,如“点击这里”

链接提示,如“点击这里”,“这里”,“更多”,“了解”和其他类似的人都没有足够的描述,因为各个环节都大声屏幕阅读器没有上下文阅读。因为它们标记为可访问性错误应尽量避免这些类型的链接。例如,不要说“买票的性能, 点击这里,“使用更具描述性的链接喜欢,”参观售票处 买票这样的表现“。 了解更多关于链接目的要求.

避免显示文本网址

避免张贴的网址为文本在网页URL,因为这些链接是通过屏幕阅读器大声朗读。例如,不要说,“参观入场和财政援助,在 //www.jockconference.com/admission 要求更多的信息,“你应该链接的描述性词汇或短语,例如,”访问 录取和财政援助 要求更多的信息。“ 了解更多关于避免张贴的网址为链接.

Contrast & Color

无论对于网页和文档附件必须有足够的对比度有文本和背景之间。 MOST文本应具有对比度不小于4.5:1,和大的文本(超过18点或14点粗体大)应具有的对比度不小于3:1。与背景图像元素必须有一个彩色背景定义的,它提供足够的对比度的图像不可用时或禁用。

如果没有任何视觉障碍的人,以文件认定难的观点,因为对比度差的,在所有的可能性文档将很难还可以查看那些有某种类似低视力或失明颜色视觉障碍的。

文件附件/文档

所有PDF,Word文件,和其他Microsoft Office文件,也必须要求具有辅助功能的规定。微软Office在Windows和Mac有最新版本内置辅助检查程序。

使用Adobe Acrobat DC有一个内置辅助检查和辅助功能的报告工具。下面列出的是常见的检查站寻找在评估中的PDF文件的无障碍合规性。

  • 所有文档属性填充
  • 文档标题被选择用于显示
  • 英语被设置为语言
  • 有替代文字描述,纯粹decorational元素是隐藏的所有图片
  • 在整个文档标签正确
  • 被指定的逻辑读取顺序
  • 适当的标题被应用在整个文件中
  • 手动检查可能的对照问题进行

不应扫描的文档永远被张贴到网站上,即,从打印成PDF影印或输出/扫描的文档。应该将文件保存为从原始源文件的PDF文件。如果只有一个文件,扫描版本,存档文件这样,那么光学字符识别OCR或必须在Adobe使用杂技演员直流以及注意到上述其他辅助功能要求。 了解更多关于文件的无障碍.