可用性网站建设:网站可及性指南

网站在设计过程中应该考虑到大多数人能够正常使用这个网站,这些人中包括有视觉和听觉困难及精确动作困难的人群。这就是网站的可及性所包含的意义,同时它意味着可及性网站在建设过程中必须遵循统一的技术标准。

1、为用户采用辅助设计手段

当电子表单设计为在线完成时,该表单应该允许用户使用辅助技术来访问完成并提交表单所需的信息、字段元素和功能,包括所有的说明和提示。

2、不要使用单一的色彩表达信息

大约百分之八的男性和百分之一点五的女性有色彩识别困难。具有视觉缺陷的用户经常不能区分色调间的轻微差别,以及亮度和饱和度相同的颜色。例如,红绿色盲(一种常见的色彩缺陷)者不能区分具有相同的亮度和饱和度的红色和绿色。考虑到这部分用户的需求,设计师应该:

  • 避免选择引起混淆的配色;
  • 使前景色与背景色之间有较高的对比度;
  • 不要将具有相似色调的文本、图像和背景色一起使用。不要在淡黄色背景上使用浅蓝色文字,应该在白色背景上使用蓝色。或者,在白色背景上使用黑色;
  • 不要将具有相似亮度的文本、图像和背景色一起使用。链接和文本经常会与背景色发生冲突。特别应该避免使用具有多种色调、饱和度和对比度的图案做背景。斑点状和纹理状的图案经常是一种不好的背景;应该使用精细的图案或简单的颜色。

3、使用户跳过重复的导航链接

辅助技术设备(如屏幕阅读器)必须按各页的显示顺序枚举页面上的每个链接。例如,有时母版页中的某个菜单显示在网站中每页的顶部,此时将强制屏幕阅读器读取每页上的所有项,然后才能获取该页的主要内容。对于这种情况,应提供一种使用户跳过重复链接列表的方法。

4、为非文本元素提供文本说明

应该为所有非文本元素使用相应的文字说明,包括图象、文本的图解表示法(包括标志)、动画、框架、剧本、间隔号、图解按钮、声音、独立音频文件、音频轨道和影像等。

5、插件和其他应用程序可及

当 Web 页要求客户端系统上有小程序、插件或其他应用程序来解释页面内容时,该页必须提供一个到插件或小程序的链接。

6、确保脚本的可及性

当页面使用脚本语言来显示内容或创建界面元素时,由脚本提供的信息应与辅助技术可以阅读的功能文本一致。

7、提供等效页

当以任何其他方法都无法达到可及性时,应该提供一个有等同信息或功能的纯文本页以使 Web 站点符合这部分的规定。只要主页面更改,纯文本页的内容就应该更新。

8、提供客户端图象映射

应该提供客户端图像映射而非服务器端图像映射,除非区域不能使用可用的几何图形来定义。

9、不要使用样式表

文档应该经过组织,这样它们无需关联的样式表也可阅读。

10、提供框架标题

应该使用有助于框架标识和导航的文本来为框架加上标题。

11、避免屏幕闪烁

页面应该经过设计,以避免在频率大于 2 Hz 并小于 55 Hz 的情况下导致屏幕闪烁。

通过使用免费的Bobby Online Portal,您可以快速确定一个给定的 Web 页是否符合 WCAG 或 Section 508。在此 Web 站点中,您可以输入一个 Web 页的 URL,选择检查或是符合 WCAG 或是符合 Section 508,然后查看列出符合性级别的报告。