跳转到主要内容
Very 提交于 7 November 2012

作者:Mike Gifford

Drupal 7 在整体的易用性上有个大的飞跃,这得益于过去三年来400多人的共同努力。Drupal 7是现今最为好用的内容管理系统之一。无论是公共页面还是管理页面都针对易用性问题做了检验,很多阻碍用户参与的障碍被清除了。Drupal的模块化结构 通过借助API和钩子,使内核函数也能为主题和模块所使用,这就意味着当开发者定制自己的网站时也能继承内核中的很多处改进。当然,这不表示只要用它开发 的网站就是好用的。

最新改进

API表单实现了多项改进以保证站点的互动元素尽可能的易用,包括:

  • 跳过导航被引入到所有的内核主题中了,另外对于如何处理焦点元素的隐藏、不可见和可见显示有了默认的方法。
  • 针对弱视用户提供了更为充分的颜色对比和亮度,同时图片被添加到系统信息中去了,用来为所有用户提供额外的可视化提示。
  • 密码管理系统也增强了,鼓励每个用户都有个好密码,这些改进包括一个使用WAI-ARIA(无障碍富互联网应用程序)来提示屏幕阅读器当前安全级别的进度条(关于WAI-ARIA,请看本附录中的“引入WAI-ARIA”部分)。
  • 在大多数情况下,拖放式界面给盲人用户制造了障碍。为解决这个问题,现在用户可以根据需要关闭拖放排序功能。
  • 由jQuery添加的一些互动元素被增加了提醒。现在屏幕阅读器用户会看到自动完成的短名单提示。
  • 现在Drupal内核可由盲人或仅依靠键盘操作的人来安装和管理了。网站的内容也能为更多的残障人士进行有效浏览。

遵循哪个标准?

万维网联盟(W3C)的无障碍网页倡议(WAI)一直引领着易用性技术国际标准的开发。在美国,国家标准在508节;但是,它正在修订很有可能要考虑Web内容无障碍指南(WCAG)2.0标准。

Drupal是个全球社区,因此我们选择WCAG 2.0来测试,我们同时也部分的使用无障碍富互联网应用程序(ARIA)草案中的一些条款,这些条款允许屏幕阅读器在内容动态变化时获得提醒。

自2008年底发布以来,WCAG 2.0已经不局限于网络而是朝着技术中立的方向前进。不集中于关注HTML之后,这些指南将为网站在可感知、可操作、可理解和强健方面(简称为POUR准则)提供更具通用意义的需求。它们定义了大量的技巧以确保网站不给用户制造障碍。

当我们开始希望有更加动态、更多互动的网络行为发生在更加广泛的设备上时,有一个灵活的通用的指南变的越来越重要了。这就是WCAG 2.0为什么要围绕着POUR准则来制定的原因,它必问到你几个问题:

  • 所有用户都能感知到你的内容吗?做一些简单的事情,如测试颜色对比、为图片和其他非文本内容提供替换性文本和说明就能帮到这一点。
  • 每个人都能操作你的网站吗?现在人们与网站互动的工具有鼠标、键盘、屏幕阅读器和专门软件的头针等等。
  • 你的网站好理解吗?用户界面是否按照可预见方式运转?有没有途径让用户快速的识别他们的错误并纠正它们?
  • 你的网站强壮吗?向后兼容吗,是否建立在开放标准之上?你支持并使用哪种现有技术来测试?

谁是受益者?

是的,如果易用性最佳做法得到遵守,盲人是肯定受益的,这个你已经知道。他们代表极小一部分人,他们仅是要考虑的残疾人群之一。2005年在美国进行的一项收入和计划参与调查行动(SIPP)结果估计有5440人有残疾。

便利性的常见符号是轮椅,但是在使用互联网时,很多使用轮椅的人并不处于劣势。上面调查估计的残疾人包括运动机能损伤者但可能不包括色盲和难语症患 者。我们仅能对后两种病患者的数量有个粗略的估计,但是它占人口中相当大的一部分——而且一个容易忽视的问题是我们不大可能一眼就判断出谁是难语症者。

Drupal 7 中的改进部分不仅仅是要让那些我们已经认识到的残疾人群受益。大多数国家都在面临着一个迅速老龄化问题,这就意味着在视力、听力和精细动作控制方面存在问题的用户要增多。针对易用性上更多的需求进行开发,我们就能最终找到提升每个用户体验的办法。

易用性问题将影响到每个人,尽管仅是短暂的。随着我们慢慢变老,我们的身体和意识变得越来越不容易使用各种技术,因此易用性设计也就更为重要了。而且随着平均年龄的增长,受益于易用性改善的人数也在增长。易用性问题归根到底是个关乎我们人自身的问题。

法律规定

很可能你所在的国家签署过联合国残疾人权利公约。这个公约承诺全体人员平等的参与社会。而且,很多国家已经或者正在为易用性立法。在美国,美国人借 助残疾人法案要求领导人承认残疾人独立生活和完全参与生活各个方面的权利。澳大利亚、比利时、加拿大、丹麦、芬兰、法国、德国、香港、印度、爱尔兰、以色 列、意大利、日本、韩国、荷兰、新西兰、葡萄牙、西班牙、瑞士和英国也都制定了保证易用性和信息通信技术的法律。

易用性正在成为一项法律需求,各种组织都要意识到这一点。事实上,有政府机构和营利性企业就因为它们的网站给残疾人设置了障碍而受到控诉。这不是经常发生,但是鼎鼎有名的Target公司和国际奥林匹克运动委员会就因为没有提供方便易用的网站而败诉。

九大方法让你的网站方便易用

Drupal 7 为你提供了一个坚固的平台让你搭建非常好用的网站,但是这个不足以保证你的网站就是易用的。使用贡献主题和模块很容易给你的用户设置障碍。用户贡献内容的架构和图片字段的使用导致了更多的障碍。

关于这方面要说的东西很多,但我们只限于介绍选择好的模块和主题方面的基本原则。我们将了解一下颜色和对比,因为这是易用性设计上经常被忽略的一个 方面。然后我们将了解一下如何进行自动测试和自我模拟。最后,我们将看看如何让你的网站时刻遵循新的标准以确保对每个人都保持易用。

易用模块

Drupal包含着复杂程度和可靠性不一的各式模块。Drupal内核的钩子能被模块和主题调用,这样就能对Drupal内核的很多功能进行修改。 这意味着一个开发时没把易用性放在心上的模块可能会导致你站点的易用性降低。你可以在模块的问题队列里搜索一下该模块的易用性问题来看看你想安装的模块是 否存在已被发现的问题(看http://drupal.org/project/issues/search /?issue_tags=accessibility)。

如果你碰到一个易用性问题但是还没有列入到问题队列里来,请往问题队列里添加一个错误报告以便它能得到解决。只有这样,我们才能改进Drupal数以万计的模块和主题,并实现易用性方面的最优做法。

Accessible Helper模块 (http://drupal.org/project/accessible)的目标就是帮助站点更加轻松的取得易用性。还有一些子模块可以帮助你轻松改善站点主题、模块和内容方面的易用性。

主题化站点注意事项

有一些贡献出来的很好的基础主题像 AdaptiveTheme、Genesis和Zen等与Drupal 7 工作的很好,而且都对易用性做过测试。将工作建立在一个坚固的基础框架上将助你确保你的主题易用。

当你开发主题时,别忘了给你所有图片都添加上alt标签。意义通常都是通过可视化图片传递给用户,但是要想想如何将这些意思表达给看不见它们的人。使用自动测试工具(后面有介绍)是发现图片缺失alt标签的好方法。

主题化出易用网站的Drupal指南(http://drupal.org/node/506866)很好,这里还有很多的方法可以让生成一个易用 网站变的更加简单。利用CSS 3,你能实现此前需要用图片才能实现的一些效果,如圆角和3D。CSS border-radius属性和专属于Webkit、Mozilla的一些扩展能让你更进一步。去除图片让网站页面更易用、快速,维护也更简单。

当心对CSS属性display:none的使用,因为屏幕阅读器只按字面理解。当一个东西用display:none样式处理的时候,屏幕阅读器 还有屏幕显示设备是看不到的。请确保每个链接链表(如一个菜单)都有一个页首(通常是一个H2)。如果需要对视力正常者隐藏,请用新的Drupal CSS类属性.element-invisible。

从项目全过程来说,根据标准开发能够节省时间和金钱。保证你的主题符合W3C指南将保证你的站点向后兼容、同时也肯定会在更多的浏览器里展示良好。 借助一些免费工具如W3C的(validator.w3.org)或Validator.nu(validator.nu)能够帮助发现你CSS和 HTML里面的问题。

对比度和颜色

理解人看世界有多种不同方式将提高你为他们设计的能力。Drupal文档中有一些很好的材料就是关于颜色的使用和正确匹配颜色对比度的,见 http://drupal.org/node/464500

很多站点没有为内容提供足够的文字对比度以让所有用户都能轻松阅读。这里有些简单的工具能保证你的站点为弱视用户提供足够的对比度,如 http://webaim.org/resources/contrastchecker

颜色经常被用来传递信息,但是不是每个人都能区分全部的颜色。大概有8%的成年男性辨色有问题。如果你想传递重要信息给你的用户,请在使用颜色的同时配上方位和距离,以及图片类东西如图标。这个特别提示也能帮助那些有学习和认知残疾的人辨认和访问你的网站。

自动程序测试

完成这些之后,下一步就是要利用自动测试工具来评测一下看你还遗漏什么没有。WebAim’s WAVE (http://wave.webaim.org) 是测试已知障碍非常好的工具。它们提供了一个Firefox工具栏,这个工具栏对判定对那些需要用户登录进来的互动页面的影响非常方便。 Functional Accessibility Evaluator (fae.cita.uiuc.edu) 对单个页面进行评估,你注册后会提供另外的功能给你。还有些工具如Mozilla Firebug Ainspector ( code.google.com/p/ainspector/) 能扩展这个被广泛使用的Firebug工具为你提供易用性方面的报告。

还有些工具能帮你更好的认识到别人是怎样感知你的网站的。Google的搜索机器人仍然是最大的、最为丰富的盲人网络用户,所以你给你的内容提供的语义信息越多,你的SEO可能就越好——而且你的易用性也越好。

尽管屏幕阅读器不这样工作,但是也值得到Lynx去检测一下一个站点在纯文本状态下是如何显示的,请看en.wikipedia.org/wiki/Lynx_(web_browser)。

模拟测试

把你的鼠标拔了,然后试着去浏览你的网站,这也是个很好的办法。内核主题和前面我们推荐的那些主题都有一个选项可以跳过或直接来到站点的导航链接。 这让只用键盘的用户访问你的网站时更加容易。了解更多信息,请看AIM网站(webaim.org/techniques/keyboard/)。

最为强大,无疑也是最为流行的屏幕阅读器是JAWS;但是,其他免费的屏幕阅读器也迅速的抢占了一些市场。正在使用现代苹果电脑、iPad、或iPhone的每一个设备都内置有VoiceOver。Windows用户可以去下载NVDA(www.nvda-project.org)这个免费程序,Linux用户可以用ORCA (live.gnome.org/Orca)。

视力正常的用户可以学着使用屏幕阅读器去浏览网站,但是盲人用户仅有近似的感受。即使是新近视力损失的人与天生的盲人在浏览网站时感觉也是不同的。 网络开发者通过使用屏幕阅读器来浏览自己的网站可以了解很多东西,但是他们这时是带着关于网站信息结构的视觉理解的。要真正理解如何才能最好的帮助盲人 (或其他残疾用户)浏览你的网站,最好是鼓励那些残疾人自己来反馈信息。

引入WAI-ARIA

WAI-ARIA标准里的一些元素已经引入到了Drupal 7 内核。WAI-ARIA还只是个草案,所以用的还很有限。在没有别的方法将一条重要信息传给屏幕阅读器的时候就用上了它。WAI-ARIA能提供更多工具来为你的网站添加语义信息。

WAI-ARIA的界标角色为HTML的特定区块定义关键词从而传递更多意义给屏幕阅读器。界标允许网络开发者将一个页面分割成几个部分让内容更容 易浏览。Juice Studio Firefox插件能为识别你网站中的界标提供支持(juicystudio.com/article/examining-wai-aria- document-andmark-roles.php)。

Drupal 7和jQuery提供很多互动元素。互动元素越多,添加对ARIA live(实时)区域属性的支持就越为重要,因为这样它们的信息能及时的传回给屏幕阅读器。通过能给动态元素添加诸如 “polite”、"assertive"、"rude"等重要性定义,能指引屏幕阅读器或中断当前正在阅读的文字或等待它完成。

维护是关键

人们常常拿易用性指南当做另外一回事,仅仅用来做个核查然后就完了。从根本是讲,这不是个很有用的做法。真正需要的是一个实践准则而不是一个复选框列表。

WCAG 2.0提供了一套重要的易用性成功标准,但这只是孤立的看来才如此有用。拥有一个极为易用网站(WCAG 2.0 AAA)绝不仅仅是建一个简单的网站。站点应尽量的符合更多成功标准,但是定期的经常性的做持续改进检查以及确保站点持续创建易用内容也是甚为重要。

Drupal是个强大的框架,任何用户创建的内容都可能产生易用性问题。有些模块如HTML Purifier (drupal.org/project/htmlpurifier)能帮助确保所有xHTML是有效的。其他一些模块如Accessible Content module(drupal.org/node/394252)能对Drupal内核提供专门的易用性改进。

定期规律性的检查新旧页面

经常访问的页面应该经常性的用自动化测试工具进行检查,系统安排一些定期的随机测试也能帮助网站尽可能的保持易用。最好是,对于大型网站应定期召集一些受众团体来提供反馈。持续不断的评估检测是网站不断升级以响应不断变化的技术和用户行为的唯一途径。

在测试过程中,讲点策略。在Drupal 7,清除一些未知事物能减少你的测试工作量。完事之后,挑选几个合适的页面也测试一下代表性功能。

征询专家意见

考虑一下引入易用性方面的专业人士来帮助你提升你的网站。发布易用内容的最好方法总是在变化,就如那些残疾朋友用来访问你网站的软硬件经常变化一样。当新标准被开发并采用之后,需要重新考虑我们的最优做法来确保内容能有效的显示。

引入一个外部人员或团队来核查你的网站并查找增强点是划得来的。他们知道怎么找到并清除一些自动化测试工具检测不到的一般障碍。另外,考虑请个残疾人来做这个核查。我们都学习用多个不同方法使用技术,残疾人的体验却是不能完全模拟的。

如果你有任何疑问,你可以提交到易用性群组里面来(groups.drupal.org/accessibility) ,你可以阅读到Drupal易用性倡议文档,地址是:drupal.org/about/accessibility 。

       ■ 提示  所有的链接和资源,还有我们发现的更多东西,请访问 dgd7.org/access。